Informação da cor #47f8d4

A cor hexadecimal 47f8d4 no modelo de cores RGB (Red, Green, Blue), é um composta por 71 de vermelho, 248 de verde e 212 de azul.

No padrão de cores CMYK, é composto por 71.4% de ciano, 0% de magenta, 14.5% de amarelo e 2.7% de preto. Tem um ângulo de matiz de 167.8 graus, uma saturação de 92.7% e uma leveza de 62.6%.

A cor mais próxima WebSafe é 33CCCC.

Conversões de #47f8d4 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 47f8d4
RGB 71, 248, 212
RGB Percentagem 27.8%, 97.3%, 83.1%
CMYK 0.71, 0, 0.15, 0.03
HSL 167.8°, 92.7%, 62.6%
HSV (ou HSB) 167.8°, 71.4%, 97.3%
RYB 27.8, 66.7, 97.3
Formato Cor
XYZ 49.3, 74.1, 76.2
CIELab 88.97, -50.66, 3.42
Decimal 4716756
Yxy 73.2222, 0.2462, 0.3752
YUV 190.973, 139.8663, 42.4272
CIELuv 88.5536, -66.0348, 15.4113
Web Safe 33CCCC

Distribuição de #47f8d4

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.

#47f8d4

#47f8d4
rgb(71,248,212)

#f8486c

#f8486c
rgb(248,72,108)

Cores triadicas

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

#d448f8

#d448f8
rgb(212,72,248)

#47f8d4

#47f8d4
rgb(71,248,212)

#f8d448

#f8d448
rgb(248,212,72)

Cores tetrádicas

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

#7c48f8

#7c48f8
rgb(124,72,248)

#47f8d4

#47f8d4
rgb(71,248,212)

#f8486c

#f8486c
rgb(248,72,108)

#c4f848

#c4f848
rgb(196,248,72)

Cores monocromáticas

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

#47f8d4

#47f8d4
rgb(71,248,212)

#c3f8ee

#c3f8ee
rgb(195,248,238)

#c0f8ed

#c0f8ed
rgb(192,248,237)

#bef8ed

#bef8ed
rgb(190,248,237)

#bbf8ec

#bbf8ec
rgb(187,248,236)

#b9f8ec

#b9f8ec
rgb(185,248,236)

Tons e Matizes de #47f8d4

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

Matiz (adicionando branco)
#47f8d4

#47f8d4
rgb(71,248,212)

#6bf9dc

#6bf9dc
rgb(107,249,220)

#90fae5

#90fae5
rgb(144,250,229)

#b5fced

#b5fced
rgb(181,252,237)

#dafdf6

#dafdf6
rgb(218,253,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#47f8d4

#47f8d4
rgb(71,248,212)

#38c6a9

#38c6a9
rgb(56,198,169)

#2a947f

#2a947f
rgb(42,148,127)

#1c6354

#1c6354
rgb(28,99,84)

#0e312a

#0e312a
rgb(14,49,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #47f8d4

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

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

Contraste

Branco e #47f8d4
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 #47f8d4
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 #47f8d4

Este exemplo mostra como o texto na cor #47f8d4 se parece.

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

Este parágrafo tem fundo de cor #47f8d4.

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

Este elemento tem uma cor de borda de #47f8d4.

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

Cores alietórias

#405aae

#405aae
rgb(64,90,174)

#4b281b

#4b281b
rgb(75,40,27)

#2c81fe

#2c81fe
rgb(44,129,254)

#0f213d

#0f213d
rgb(15,33,61)

#1f9bca

#1f9bca
rgb(31,155,202)

#4d4e58

#4d4e58
rgb(77,78,88)

#61c842

#61c842
rgb(97,200,66)

#0e68a3

#0e68a3
rgb(14,104,163)

#00cd9d

#00cd9d
rgb(0,205,157)

#2fa5a8

#2fa5a8
rgb(47,165,168)

#9734d4

#9734d4
rgb(151,52,212)

#f11491

#f11491
rgb(241,20,145)