Informação da cor #6af8e5

A cor hexadecimal 6af8e5 no modelo de cores RGB (Red, Green, Blue), é um composta por 106 de vermelho, 248 de verde e 229 de azul.

No padrão de cores CMYK, é composto por 57.3% de ciano, 0% de magenta, 7.7% de amarelo e 2.7% de preto. Tem um ângulo de matiz de 172 graus, uma saturação de 91% e uma leveza de 69.4%.

A cor mais próxima WebSafe é 66CCCC.

Conversões de #6af8e5 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 6af8e5
RGB 106, 248, 229
RGB Percentagem 41.6%, 97.3%, 89.8%
CMYK 0.57, 0, 0.08, 0.03
HSL 172°, 91%, 69.4%
HSV (ou HSB) 172°, 57.3%, 97.3%
RYB 41.6, 71.8, 97.3
Formato Cor
XYZ 55.2, 76.9, 87.6
CIELab 90.26, -40.95, -2.78
Decimal 7010533
Yxy 75.8507, 0.249, 0.3521
YUV 203.376, 142.4605, 58.5449
CIELuv 89.79, -58.087, 3.1803
Web Safe 66CCCC

Distribuição de #6af8e5

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.

#6af8e5

#6af8e5
rgb(106,248,229)

#f86b7d

#f86b7d
rgb(248,107,125)

Cores triadicas

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

#e66bf8

#e66bf8
rgb(230,107,248)

#6af8e5

#6af8e5
rgb(106,248,229)

#f8e66b

#f8e66b
rgb(248,230,107)

Cores tetrádicas

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

#9f6bf8

#9f6bf8
rgb(159,107,248)

#6af8e5

#6af8e5
rgb(106,248,229)

#f86b7d

#f86b7d
rgb(248,107,125)

#c4f86b

#c4f86b
rgb(196,248,107)

Cores monocromáticas

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

#6af8e5

#6af8e5
rgb(106,248,229)

#c3f8f1

#c3f8f1
rgb(195,248,241)

#c1f8f1

#c1f8f1
rgb(193,248,241)

#bef8f1

#bef8f1
rgb(190,248,241)

#bcf8f0

#bcf8f0
rgb(188,248,240)

#b9f8f0

#b9f8f0
rgb(185,248,240)

Tons e Matizes de #6af8e5

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

Matiz (adicionando branco)
#6af8e5

#6af8e5
rgb(106,248,229)

#87f9ea

#87f9ea
rgb(135,249,234)

#a5faef

#a5faef
rgb(165,250,239)

#c3fcf4

#c3fcf4
rgb(195,252,244)

#e1fdf9

#e1fdf9
rgb(225,253,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6af8e5

#6af8e5
rgb(106,248,229)

#54c6b7

#54c6b7
rgb(84,198,183)

#3f9489

#3f9489
rgb(63,148,137)

#2a635b

#2a635b
rgb(42,99,91)

#15312d

#15312d
rgb(21,49,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6af8e5

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

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

Contraste

Branco e #6af8e5
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 #6af8e5
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 #6af8e5

Este exemplo mostra como o texto na cor #6af8e5 se parece.

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

Este parágrafo tem fundo de cor #6af8e5.

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

Este elemento tem uma cor de borda de #6af8e5.

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

Cores alietórias

#8e02b8

#8e02b8
rgb(142,2,184)

#6175d1

#6175d1
rgb(97,117,209)

#c2d197

#c2d197
rgb(194,209,151)

#dc9923

#dc9923
rgb(220,153,35)

#c85e23

#c85e23
rgb(200,94,35)

#c3d8c3

#c3d8c3
rgb(195,216,195)

#3fbc63

#3fbc63
rgb(63,188,99)

#f2c204

#f2c204
rgb(242,194,4)

#9e4d6e

#9e4d6e
rgb(158,77,110)

#121616

#121616
rgb(18,22,22)

#832698

#832698
rgb(131,38,152)

#f7d169

#f7d169
rgb(247,209,105)