Informação da cor #14cd15

A cor hexadecimal 14cd15 no modelo de cores RGB (Red, Green, Blue), é um composta por 20 de vermelho, 205 de verde e 21 de azul.

No padrão de cores CMYK, é composto por 90.2% de ciano, 0% de magenta, 89.8% de amarelo e 19.6% de preto. Tem um ângulo de matiz de 120.3 graus, uma saturação de 82.2% e uma leveza de 44.1%.

A cor mais próxima WebSafe é 00CC00.

Conversões de #14cd15 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 14cd15
RGB 20, 205, 21
RGB Percentagem 7.8%, 80.4%, 8.2%
CMYK 0.9, 0, 0.9, 0.2
HSL 120.3°, 82.2%, 44.1%
HSV (ou HSB) 120.3°, 90.2%, 80.4%
RYB 7.8, 80.4, 80.4
Formato Cor
XYZ 23.4, 45.8, 8.7
CIELab 73.42, -72.1, 68.11
Decimal 1363221
Yxy 43.8626, 0.3002, 0.5918
YUV 128.709, 67.2162, 50.4614
CIELuv 72.1366, -66.9895, 86.5071
Web Safe 00CC00

Distribuição de #14cd15

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.

#14cd15

#14cd15
rgb(20,205,21)

#cd14cc

#cd14cc
rgb(205,20,204)

Cores triadicas

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

#1614cd

#1614cd
rgb(22,20,205)

#14cd15

#14cd15
rgb(20,205,21)

#cd1614

#cd1614
rgb(205,22,20)

Cores tetrádicas

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

#1470cd

#1470cd
rgb(20,112,205)

#14cd15

#14cd15
rgb(20,205,21)

#cd14cc

#cd14cc
rgb(205,20,204)

#cd7214

#cd7214
rgb(205,114,20)

Cores monocromáticas

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

#14cd15

#14cd15
rgb(20,205,21)

#a1cda1

#a1cda1
rgb(161,205,161)

#9fcd9f

#9fcd9f
rgb(159,205,159)

#9ccd9d

#9ccd9d
rgb(156,205,157)

#9acd9b

#9acd9b
rgb(154,205,155)

#98cd99

#98cd99
rgb(152,205,153)

Tons e Matizes de #14cd15

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

Matiz (adicionando branco)
#14cd15

#14cd15
rgb(20,205,21)

#43d743

#43d743
rgb(67,215,67)

#72e172

#72e172
rgb(114,225,114)

#a1eba1

#a1eba1
rgb(161,235,161)

#d0f5d0

#d0f5d0
rgb(208,245,208)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#14cd15

#14cd15
rgb(20,205,21)

#10a410

#10a410
rgb(16,164,16)

#0c7b0c

#0c7b0c
rgb(12,123,12)

#075108

#075108
rgb(7,81,8)

#032804

#032804
rgb(3,40,4)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #14cd15

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

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

Contraste

Branco e #14cd15
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 #14cd15
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 #14cd15

Este exemplo mostra como o texto na cor #14cd15 se parece.

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

Este parágrafo tem fundo de cor #14cd15.

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

Este elemento tem uma cor de borda de #14cd15.

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

Cores alietórias

#e4db51

#e4db51
rgb(228,219,81)

#5168bd

#5168bd
rgb(81,104,189)

#1bc3df

#1bc3df
rgb(27,195,223)

#5637ed

#5637ed
rgb(86,55,237)

#93e81f

#93e81f
rgb(147,232,31)

#9b4e40

#9b4e40
rgb(155,78,64)

#9cfdc2

#9cfdc2
rgb(156,253,194)

#106cfe

#106cfe
rgb(16,108,254)

#bb1df7

#bb1df7
rgb(187,29,247)

#f033d9

#f033d9
rgb(240,51,217)

#56207c

#56207c
rgb(86,32,124)

#1a00b6

#1a00b6
rgb(26,0,182)