Informação da cor #02b26b

A cor hexadecimal 02b26b no modelo de cores RGB (Red, Green, Blue), é um composta por 2 de vermelho, 178 de verde e 107 de azul.

No padrão de cores CMYK, é composto por 98.9% de ciano, 0% de magenta, 39.9% de amarelo e 30.2% de preto. Tem um ângulo de matiz de 155.8 graus, uma saturação de 97.8% e uma leveza de 35.3%.

A cor mais próxima WebSafe é 009966.

Conversões de #02b26b 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 02b26b
RGB 2, 178, 107
RGB Percentagem 0.8%, 69.8%, 42%
CMYK 0.99, 0, 0.4, 0.3
HSL 155.8°, 97.8%, 35.3%
HSV (ou HSB) 155.8°, 98.9%, 69.8%
RYB 0.8, 44.3, 69.8
Formato Cor
XYZ 20.2, 35.3, 22.1
CIELab 66, -55.21, 23.89
Decimal 176747
Yxy 32.9127, 0.2627, 0.4649
YUV 117.282, 122.1975, 45.7732
CIELuv 64.0902, -56.1239, 42.6771
Web Safe 009966

Distribuição de #02b26b

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.

#02b26b

#02b26b
rgb(2,178,107)

#b20349

#b20349
rgb(178,3,73)

Cores triadicas

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

#6c03b2

#6c03b2
rgb(108,3,178)

#02b26b

#02b26b
rgb(2,178,107)

#b26c03

#b26c03
rgb(178,108,3)

Cores tetrádicas

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

#1403b2

#1403b2
rgb(20,3,178)

#02b26b

#02b26b
rgb(2,178,107)

#b20349

#b20349
rgb(178,3,73)

#a1b203

#a1b203
rgb(161,178,3)

Cores monocromáticas

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

#02b26b

#02b26b
rgb(2,178,107)

#8bb2a3

#8bb2a3
rgb(139,178,163)

#8ab2a2

#8ab2a2
rgb(138,178,162)

#88b2a1

#88b2a1
rgb(136,178,161)

#86b2a1

#86b2a1
rgb(134,178,161)

#84b2a0

#84b2a0
rgb(132,178,160)

Tons e Matizes de #02b26b

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

Matiz (adicionando branco)
#02b26b

#02b26b
rgb(2,178,107)

#34c188

#34c188
rgb(52,193,136)

#67d0a6

#67d0a6
rgb(103,208,166)

#99e0c3

#99e0c3
rgb(153,224,195)

#ccefe1

#ccefe1
rgb(204,239,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#02b26b

#02b26b
rgb(2,178,107)

#018e55

#018e55
rgb(1,142,85)

#016a40

#016a40
rgb(1,106,64)

#00472a

#00472a
rgb(0,71,42)

#002315

#002315
rgb(0,35,21)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #02b26b

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

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

Contraste

Branco e #02b26b
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 #02b26b
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 #02b26b

Este exemplo mostra como o texto na cor #02b26b se parece.

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

Este parágrafo tem fundo de cor #02b26b.

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

Este elemento tem uma cor de borda de #02b26b.

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

Cores alietórias

#75cf2b

#75cf2b
rgb(117,207,43)

#6a68b3

#6a68b3
rgb(106,104,179)

#dc1c1c

#dc1c1c
rgb(220,28,28)

#9134e7

#9134e7
rgb(145,52,231)

#e90a29

#e90a29
rgb(233,10,41)

#2b1918

#2b1918
rgb(43,25,24)

#fa0693

#fa0693
rgb(250,6,147)

#0d2365

#0d2365
rgb(13,35,101)

#8c2a45

#8c2a45
rgb(140,42,69)

#17e800

#17e800
rgb(23,232,0)

#78626a

#78626a
rgb(120,98,106)

#0acd44

#0acd44
rgb(10,205,68)