Informação da cor #52f8d3

A cor hexadecimal 52f8d3 no modelo de cores RGB (Red, Green, Blue), é um composta por 82 de vermelho, 248 de verde e 211 de azul.

No padrão de cores CMYK, é composto por 66.9% de ciano, 0% de magenta, 14.9% de amarelo e 2.7% de preto. Tem um ângulo de matiz de 166.6 graus, uma saturação de 92.2% e uma leveza de 64.7%.

A cor mais próxima WebSafe é 33CCCC.

Conversões de #52f8d3 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 52f8d3
RGB 82, 248, 211
RGB Percentagem 32.2%, 97.3%, 82.7%
CMYK 0.67, 0, 0.15, 0.03
HSL 166.6°, 92.2%, 64.7%
HSV (ou HSB) 166.6°, 66.9%, 97.3%
RYB 32.2, 69, 97.3
Formato Cor
XYZ 50.2, 74.6, 75.6
CIELab 89.19, -49.23, 4.26
Decimal 5437651
Yxy 73.6263, 0.2494, 0.3763
YUV 194.148, 137.5102, 48.0085
CIELuv 88.7456, -64.2233, 16.4955
Web Safe 33CCCC

Distribuição de #52f8d3

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.

#52f8d3

#52f8d3
rgb(82,248,211)

#f85277

#f85277
rgb(248,82,119)

Cores triadicas

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

#d452f8

#d452f8
rgb(212,82,248)

#52f8d3

#52f8d3
rgb(82,248,211)

#f8d452

#f8d452
rgb(248,212,82)

Cores tetrádicas

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

#8152f8

#8152f8
rgb(129,82,248)

#52f8d3

#52f8d3
rgb(82,248,211)

#f85277

#f85277
rgb(248,82,119)

#caf852

#caf852
rgb(202,248,82)

Cores monocromáticas

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

#52f8d3

#52f8d3
rgb(82,248,211)

#c3f8ed

#c3f8ed
rgb(195,248,237)

#c0f8ec

#c0f8ec
rgb(192,248,236)

#bef8eb

#bef8eb
rgb(190,248,235)

#bbf8eb

#bbf8eb
rgb(187,248,235)

#b9f8ea

#b9f8ea
rgb(185,248,234)

Tons e Matizes de #52f8d3

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

Matiz (adicionando branco)
#52f8d3

#52f8d3
rgb(82,248,211)

#74f9db

#74f9db
rgb(116,249,219)

#97fae4

#97fae4
rgb(151,250,228)

#b9fced

#b9fced
rgb(185,252,237)

#dcfdf6

#dcfdf6
rgb(220,253,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#52f8d3

#52f8d3
rgb(82,248,211)

#41c6a8

#41c6a8
rgb(65,198,168)

#31947e

#31947e
rgb(49,148,126)

#206354

#206354
rgb(32,99,84)

#10312a

#10312a
rgb(16,49,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #52f8d3

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

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

Contraste

Branco e #52f8d3
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 #52f8d3
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 #52f8d3

Este exemplo mostra como o texto na cor #52f8d3 se parece.

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

Este parágrafo tem fundo de cor #52f8d3.

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

Este elemento tem uma cor de borda de #52f8d3.

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

Cores alietórias

#5ee5f8

#5ee5f8
rgb(94,229,248)

#8482f1

#8482f1
rgb(132,130,241)

#b0e7e6

#b0e7e6
rgb(176,231,230)

#23b405

#23b405
rgb(35,180,5)

#d30127

#d30127
rgb(211,1,39)

#9ca5ac

#9ca5ac
rgb(156,165,172)

#29acbc

#29acbc
rgb(41,172,188)

#f6e038

#f6e038
rgb(246,224,56)

#9049ab

#9049ab
rgb(144,73,171)

#99d68b

#99d68b
rgb(153,214,139)

#2f9a80

#2f9a80
rgb(47,154,128)

#1d3844

#1d3844
rgb(29,56,68)