Informação da cor #20f3db

A cor hexadecimal 20f3db no modelo de cores RGB (Red, Green, Blue), é um composta por 32 de vermelho, 243 de verde e 219 de azul.

No padrão de cores CMYK, é composto por 86.8% de ciano, 0% de magenta, 9.9% de amarelo e 4.7% de preto. Tem um ângulo de matiz de 173.2 graus, uma saturação de 89.8% e uma leveza de 53.9%.

A cor mais próxima WebSafe é 00CCCC.

Conversões de #20f3db 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 20f3db
RGB 32, 243, 219
RGB Percentagem 12.5%, 95.3%, 85.9%
CMYK 0.87, 0, 0.1, 0.05
HSL 173.2°, 89.8%, 53.9%
HSV (ou HSB) 173.2°, 86.8%, 95.3%
RYB 12.5, 56.5, 95.3
Formato Cor
XYZ 46.4, 70.4, 80.1
CIELab 87.19, -51.22, -2.64
Decimal 2159579
Yxy 69.5168, 0.2354, 0.3602
YUV 177.175, 151.6033, 24.4515
CIELuv 86.7593, -68.147, 5.4488
Web Safe 00CCCC

Distribuição de #20f3db

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.

#20f3db

#20f3db
rgb(32,243,219)

#f32139

#f32139
rgb(243,33,57)

Cores triadicas

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

#db21f3

#db21f3
rgb(219,33,243)

#20f3db

#20f3db
rgb(32,243,219)

#f3db21

#f3db21
rgb(243,219,33)

Cores tetrádicas

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

#7221f3

#7221f3
rgb(114,33,243)

#20f3db

#20f3db
rgb(32,243,219)

#f32139

#f32139
rgb(243,33,57)

#a2f321

#a2f321
rgb(162,243,33)

Cores monocromáticas

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

#20f3db

#20f3db
rgb(32,243,219)

#bef3ed

#bef3ed
rgb(190,243,237)

#bcf3ed

#bcf3ed
rgb(188,243,237)

#b9f3ed

#b9f3ed
rgb(185,243,237)

#b7f3ed

#b7f3ed
rgb(183,243,237)

#b5f3ec

#b5f3ec
rgb(181,243,236)

Tons e Matizes de #20f3db

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

Matiz (adicionando branco)
#20f3db

#20f3db
rgb(32,243,219)

#4cf5e2

#4cf5e2
rgb(76,245,226)

#79f7e9

#79f7e9
rgb(121,247,233)

#a5faf0

#a5faf0
rgb(165,250,240)

#d2fcf7

#d2fcf7
rgb(210,252,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#20f3db

#20f3db
rgb(32,243,219)

#19c2af

#19c2af
rgb(25,194,175)

#139183

#139183
rgb(19,145,131)

#0c6157

#0c6157
rgb(12,97,87)

#06302b

#06302b
rgb(6,48,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #20f3db

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

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

Contraste

Branco e #20f3db
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 #20f3db
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 #20f3db

Este exemplo mostra como o texto na cor #20f3db se parece.

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

Este parágrafo tem fundo de cor #20f3db.

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

Este elemento tem uma cor de borda de #20f3db.

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

Cores alietórias

#c5e301

#c5e301
rgb(197,227,1)

#7c9bcc

#7c9bcc
rgb(124,155,204)

#a8dd81

#a8dd81
rgb(168,221,129)

#71b8d1

#71b8d1
rgb(113,184,209)

#b4ce02

#b4ce02
rgb(180,206,2)

#881823

#881823
rgb(136,24,35)

#993859

#993859
rgb(153,56,89)

#f5d79b

#f5d79b
rgb(245,215,155)

#300dbc

#300dbc
rgb(48,13,188)

#2be1f3

#2be1f3
rgb(43,225,243)

#8d0ed0

#8d0ed0
rgb(141,14,208)

#24d715

#24d715
rgb(36,215,21)