Informação da cor #14ff80

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

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

A cor mais próxima WebSafe é 00FF66.

Conversões de #14ff80 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 14ff80
RGB 20, 255, 128
RGB Percentagem 7.8%, 100%, 50.2%
CMYK 0.92, 0, 0.5, 0
HSL 147.6°, 100%, 53.9%
HSV (ou HSB) 147.6°, 92.2%, 100%
RYB 7.8, 71.4, 100
Formato Cor
XYZ 40.6, 73.5, 35.3
CIELab 88.69, -74.64, 43.18
Decimal 1376128
Yxy 73.222, 0.2743, 0.5029
YUV 170.257, 104.153, 20.8266
CIELuv 88.5535, -78.9026, 74.8302
Web Safe 00FF66

Distribuição de #14ff80

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.

#14ff80

#14ff80
rgb(20,255,128)

#ff1494

#ff1494
rgb(255,20,148)

Cores triadicas

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

#8014ff

#8014ff
rgb(128,20,255)

#14ff80

#14ff80
rgb(20,255,128)

#ff8014

#ff8014
rgb(255,128,20)

Cores tetrádicas

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

#141eff

#141eff
rgb(20,30,255)

#14ff80

#14ff80
rgb(20,255,128)

#ff1494

#ff1494
rgb(255,20,148)

#fff614

#fff614
rgb(255,246,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.

#14ff80

#14ff80
rgb(20,255,128)

#c8ffe1

#c8ffe1
rgb(200,255,225)

#c5ffe0

#c5ffe0
rgb(197,255,224)

#c2ffdf

#c2ffdf
rgb(194,255,223)

#c0ffdd

#c0ffdd
rgb(192,255,221)

#bdffdc

#bdffdc
rgb(189,255,220)

Tons e Matizes de #14ff80

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

Matiz (adicionando branco)
#14ff80

#14ff80
rgb(20,255,128)

#43ff99

#43ff99
rgb(67,255,153)

#72ffb2

#72ffb2
rgb(114,255,178)

#a1ffcc

#a1ffcc
rgb(161,255,204)

#d0ffe5

#d0ffe5
rgb(208,255,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#14ff80

#14ff80
rgb(20,255,128)

#10cc66

#10cc66
rgb(16,204,102)

#0c994c

#0c994c
rgb(12,153,76)

#076533

#076533
rgb(7,101,51)

#033219

#033219
rgb(3,50,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #14ff80

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#5b0d58

#5b0d58
rgb(91,13,88)

#b6e6d1

#b6e6d1
rgb(182,230,209)

#fb4aa2

#fb4aa2
rgb(251,74,162)

#137abe

#137abe
rgb(19,122,190)

#04ca51

#04ca51
rgb(4,202,81)

#23e09e

#23e09e
rgb(35,224,158)

#79c3d6

#79c3d6
rgb(121,195,214)

#d97541

#d97541
rgb(217,117,65)

#ff3dd2

#ff3dd2
rgb(255,61,210)

#440749

#440749
rgb(68,7,73)

#9f2a34

#9f2a34
rgb(159,42,52)

#a63105

#a63105
rgb(166,49,5)