Informação da cor #3af8ef

A cor hexadecimal 3af8ef no modelo de cores RGB (Red, Green, Blue), é um composta por 58 de vermelho, 248 de verde e 239 de azul.

No padrão de cores CMYK, é composto por 76.6% de ciano, 0% de magenta, 3.6% de amarelo e 2.7% de preto. Tem um ângulo de matiz de 177.2 graus, uma saturação de 93.1% e uma leveza de 60%.

A cor mais próxima WebSafe é 33CCCC.

Conversões de #3af8ef 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 3af8ef
RGB 58, 248, 239
RGB Percentagem 22.7%, 97.3%, 93.7%
CMYK 0.77, 0, 0.04, 0.03
HSL 177.2°, 93.1%, 60%
HSV (ou HSB) 177.2°, 76.6%, 97.3%
RYB 22.7, 61.2, 97.3
Formato Cor
XYZ 51.8, 75, 94.4
CIELab 89.38, -45.84, -9.02
Decimal 3864815
Yxy 74.26, 0.2329, 0.34
YUV 190.164, 155.5598, 33.7318
CIELuv 89.0452, -65.9248, -6.6132
Web Safe 33CCCC

Distribuição de #3af8ef

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.

#3af8ef

#3af8ef
rgb(58,248,239)

#f83b44

#f83b44
rgb(248,59,68)

Cores triadicas

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

#ef3bf8

#ef3bf8
rgb(239,59,248)

#3af8ef

#3af8ef
rgb(58,248,239)

#f8ef3b

#f8ef3b
rgb(248,239,59)

Cores tetrádicas

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

#903bf8

#903bf8
rgb(144,59,248)

#3af8ef

#3af8ef
rgb(58,248,239)

#f83b44

#f83b44
rgb(248,59,68)

#a3f83b

#a3f83b
rgb(163,248,59)

Cores monocromáticas

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

#3af8ef

#3af8ef
rgb(58,248,239)

#c3f8f6

#c3f8f6
rgb(195,248,246)

#c0f8f6

#c0f8f6
rgb(192,248,246)

#bef8f6

#bef8f6
rgb(190,248,246)

#bbf8f6

#bbf8f6
rgb(187,248,246)

#b9f8f5

#b9f8f5
rgb(185,248,245)

Tons e Matizes de #3af8ef

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

Matiz (adicionando branco)
#3af8ef

#3af8ef
rgb(58,248,239)

#61f9f2

#61f9f2
rgb(97,249,242)

#88faf5

#88faf5
rgb(136,250,245)

#b0fcf8

#b0fcf8
rgb(176,252,248)

#d7fdfb

#d7fdfb
rgb(215,253,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3af8ef

#3af8ef
rgb(58,248,239)

#2ec6bf

#2ec6bf
rgb(46,198,191)

#22948f

#22948f
rgb(34,148,143)

#17635f

#17635f
rgb(23,99,95)

#0b312f

#0b312f
rgb(11,49,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3af8ef

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

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

Contraste

Branco e #3af8ef
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 #3af8ef
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 #3af8ef

Este exemplo mostra como o texto na cor #3af8ef se parece.

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

Este parágrafo tem fundo de cor #3af8ef.

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

Este elemento tem uma cor de borda de #3af8ef.

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

Cores alietórias

#af44a8

#af44a8
rgb(175,68,168)

#db7e3b

#db7e3b
rgb(219,126,59)

#b50c0a

#b50c0a
rgb(181,12,10)

#a9c31f

#a9c31f
rgb(169,195,31)

#3320c8

#3320c8
rgb(51,32,200)

#e734e6

#e734e6
rgb(231,52,230)

#f22be0

#f22be0
rgb(242,43,224)

#ae8766

#ae8766
rgb(174,135,102)

#a8065e

#a8065e
rgb(168,6,94)

#7aeacd

#7aeacd
rgb(122,234,205)

#0c6a1a

#0c6a1a
rgb(12,106,26)

#ff420c

#ff420c
rgb(255,66,12)