Informação da cor #00cd67

A cor hexadecimal 00cd67 no modelo de cores RGB (Red, Green, Blue), é um composta por 0 de vermelho, 205 de verde e 103 de azul.

No padrão de cores CMYK, é composto por 100% de ciano, 0% de magenta, 49.8% de amarelo e 19.6% de preto. Tem um ângulo de matiz de 150.2 graus, uma saturação de 100% e uma leveza de 40.2%.

A cor mais próxima WebSafe é 00CC66.

Conversões de #00cd67 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 00cd67
RGB 0, 205, 103
RGB Percentagem 0%, 80.4%, 40.4%
CMYK 1, 0, 0.5, 0.2
HSL 150.2°, 100%, 40.2%
HSV (ou HSB) 150.2°, 100%, 80.4%
RYB 0, 53.7, 80.4
Formato Cor
XYZ 25.6, 46.7, 22.8
CIELab 73.97, -64.72, 36.34
Decimal 52583
Yxy 44.6387, 0.2725, 0.5011
YUV 132.077, 111.5909, 33.7938
CIELuv 72.6533, -65.2729, 60.6698
Web Safe 00CC66

Distribuição de #00cd67

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.

#00cd67

#00cd67
rgb(0,205,103)

#cd0066

#cd0066
rgb(205,0,102)

Cores triadicas

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

#6800cd

#6800cd
rgb(104,0,205)

#00cd67

#00cd67
rgb(0,205,103)

#cd6800

#cd6800
rgb(205,104,0)

Cores tetrádicas

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

#0100cd

#0100cd
rgb(1,0,205)

#00cd67

#00cd67
rgb(0,205,103)

#cd0066

#cd0066
rgb(205,0,102)

#cdcd00

#cdcd00
rgb(205,205,0)

Cores monocromáticas

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

#00cd67

#00cd67
rgb(0,205,103)

#a0cdb7

#a0cdb7
rgb(160,205,183)

#9ecdb6

#9ecdb6
rgb(158,205,182)

#9ccdb5

#9ccdb5
rgb(156,205,181)

#9acdb4

#9acdb4
rgb(154,205,180)

#98cdb3

#98cdb3
rgb(152,205,179)

Tons e Matizes de #00cd67

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

Matiz (adicionando branco)
#00cd67

#00cd67
rgb(0,205,103)

#33d785

#33d785
rgb(51,215,133)

#66e1a3

#66e1a3
rgb(102,225,163)

#99ebc2

#99ebc2
rgb(153,235,194)

#ccf5e0

#ccf5e0
rgb(204,245,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#00cd67

#00cd67
rgb(0,205,103)

#00a452

#00a452
rgb(0,164,82)

#007b3d

#007b3d
rgb(0,123,61)

#005129

#005129
rgb(0,81,41)

#002814

#002814
rgb(0,40,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #00cd67

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

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

Contraste

Branco e #00cd67
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 #00cd67
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 #00cd67

Este exemplo mostra como o texto na cor #00cd67 se parece.

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

Este parágrafo tem fundo de cor #00cd67.

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

Este elemento tem uma cor de borda de #00cd67.

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

Cores alietórias

#0163a5

#0163a5
rgb(1,99,165)

#5ff2cc

#5ff2cc
rgb(95,242,204)

#ab1ba4

#ab1ba4
rgb(171,27,164)

#549f36

#549f36
rgb(84,159,54)

#7f3150

#7f3150
rgb(127,49,80)

#4aeb0f

#4aeb0f
rgb(74,235,15)

#23326c

#23326c
rgb(35,50,108)

#2198d3

#2198d3
rgb(33,152,211)

#56dd43

#56dd43
rgb(86,221,67)

#ae722d

#ae722d
rgb(174,114,45)

#cc6f92

#cc6f92
rgb(204,111,146)

#c1fdd4

#c1fdd4
rgb(193,253,212)