Informação da cor #0bc466

A cor hexadecimal 0bc466 no modelo de cores RGB (Red, Green, Blue), é um composta por 11 de vermelho, 196 de verde e 102 de azul.

No padrão de cores CMYK, é composto por 94.4% de ciano, 0% de magenta, 48% de amarelo e 23.1% de preto. Tem um ângulo de matiz de 149.5 graus, uma saturação de 89.4% e uma leveza de 40.6%.

A cor mais próxima WebSafe é 009966.

Conversões de #0bc466 num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex 0bc466
RGB 11, 196, 102
RGB Percentagem 4.3%, 76.9%, 40%
CMYK 0.94, 0, 0.48, 0.23
HSL 149.5°, 89.4%, 40.6%
HSV (ou HSB) 149.5°, 94.4%, 76.9%
RYB 4.3, 53.3, 76.9
Formato Cor
XYZ 23.8, 42.7, 21.9
CIELab 71.37, -61.46, 33.53
Decimal 771174
Yxy 40.5074, 0.2717, 0.494
YUV 129.969, 112.2162, 43.1433
CIELuv 69.8294, -61.9555, 56.2142
Web Safe 009966

Distribuição de #0bc466

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#0bc466

#0bc466
rgb(11,196,102)

#c40c69

#c40c69
rgb(196,12,105)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#670cc4

#670cc4
rgb(103,12,196)

#0bc466

#0bc466
rgb(11,196,102)

#c4670c

#c4670c
rgb(196,103,12)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#0c0dc4

#0c0dc4
rgb(12,13,196)

#0bc466

#0bc466
rgb(11,196,102)

#c40c69

#c40c69
rgb(196,12,105)

#c4c30c

#c4c30c
rgb(196,195,12)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#0bc466

#0bc466
rgb(11,196,102)

#99c4af

#99c4af
rgb(153,196,175)

#98c4ae

#98c4ae
rgb(152,196,174)

#96c4ad

#96c4ad
rgb(150,196,173)

#94c4ac

#94c4ac
rgb(148,196,172)

#92c4ab

#92c4ab
rgb(146,196,171)

Tons e Matizes de #0bc466

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#0bc466

#0bc466
rgb(11,196,102)

#3bcf84

#3bcf84
rgb(59,207,132)

#6cdba3

#6cdba3
rgb(108,219,163)

#9de7c1

#9de7c1
rgb(157,231,193)

#cef3e0

#cef3e0
rgb(206,243,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0bc466

#0bc466
rgb(11,196,102)

#089c51

#089c51
rgb(8,156,81)

#06753d

#06753d
rgb(6,117,61)

#044e28

#044e28
rgb(4,78,40)

#022714

#022714
rgb(2,39,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #0bc466 fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #0bc466 fica em um fundo preto.

Fundo de cor #0bc466

Esta visualização mostra como a cor branca fica em um fundo #0bc466.

Esta visualização mostra como a cor preta fica em um fundo #0bc466.

Contraste

Branco e #0bc466
Texto grande WCAG AA X Não conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #0bc466
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #0bc466

Este exemplo mostra como o texto na cor #0bc466 se parece.

<span style="color:#0bc466;">Aqui fica o texto.</span>
Cor de fundo #0bc466

Este parágrafo tem fundo de cor #0bc466.

<p style="background-color:#0bc466;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #0bc466.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#0bc466;}
.background {background-color:#0bc466;}
.border {border:1px solid #0bc466;}

Cores alietórias

#02525c

#02525c
rgb(2,82,92)

#bdddfe

#bdddfe
rgb(189,221,254)

#9f5648

#9f5648
rgb(159,86,72)

#efd0f8

#efd0f8
rgb(239,208,248)

#ed8246

#ed8246
rgb(237,130,70)

#1e398a

#1e398a
rgb(30,57,138)

#8d3457

#8d3457
rgb(141,52,87)

#520e33

#520e33
rgb(82,14,51)

#abdb58

#abdb58
rgb(171,219,88)

#8027cd

#8027cd
rgb(128,39,205)

#a56ecb

#a56ecb
rgb(165,110,203)

#6ed8f9

#6ed8f9
rgb(110,216,249)