Informação da cor #6ff8fa

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

No padrão de cores CMYK, é composto por 55.6% de ciano, 0.8% de magenta, 0% de amarelo e 2% de preto. Tem um ângulo de matiz de 180.9 graus, uma saturação de 93.3% e uma leveza de 70.8%.

A cor mais próxima WebSafe é 66CCCC.

Conversões de #6ff8fa 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 6ff8fa
RGB 111, 248, 250
RGB Percentagem 43.5%, 97.3%, 98%
CMYK 0.56, 0.01, 0, 0.02
HSL 180.9°, 93.3%, 70.8%
HSV (ou HSB) 180.9°, 55.6%, 98%
RYB 43.5, 70.6, 98
Formato Cor
XYZ 58.7, 78.4, 102.8
CIELab 90.94, -35.15, -11.82
Decimal 7338234
Yxy 77.4107, 0.2419, 0.3265
YUV 207.265, 152.1168, 59.3374
CIELuv 90.5103, -55.7886, -13.7118
Web Safe 66CCCC

Distribuição de #6ff8fa

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.

#6ff8fa

#6ff8fa
rgb(111,248,250)

#fa726f

#fa726f
rgb(250,114,111)

Cores triadicas

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

#fa6ff8

#fa6ff8
rgb(250,111,248)

#6ff8fa

#6ff8fa
rgb(111,248,250)

#f8fa6f

#f8fa6f
rgb(248,250,111)

Cores tetrádicas

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

#b76ffa

#b76ffa
rgb(183,111,250)

#6ff8fa

#6ff8fa
rgb(111,248,250)

#fa726f

#fa726f
rgb(250,114,111)

#b3fa6f

#b3fa6f
rgb(179,250,111)

Cores monocromáticas

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

#6ff8fa

#6ff8fa
rgb(111,248,250)

#c5fafa

#c5fafa
rgb(197,250,250)

#c2fafa

#c2fafa
rgb(194,250,250)

#c0fafa

#c0fafa
rgb(192,250,250)

#bdfafa

#bdfafa
rgb(189,250,250)

#bbfafa

#bbfafa
rgb(187,250,250)

Tons e Matizes de #6ff8fa

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

Matiz (adicionando branco)
#6ff8fa

#6ff8fa
rgb(111,248,250)

#8bf9fb

#8bf9fb
rgb(139,249,251)

#a8fafc

#a8fafc
rgb(168,250,252)

#c5fcfd

#c5fcfd
rgb(197,252,253)

#e2fdfe

#e2fdfe
rgb(226,253,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6ff8fa

#6ff8fa
rgb(111,248,250)

#58c6c8

#58c6c8
rgb(88,198,200)

#429496

#429496
rgb(66,148,150)

#2c6363

#2c6363
rgb(44,99,99)

#163131

#163131
rgb(22,49,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6ff8fa

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#dc76ef

#dc76ef
rgb(220,118,239)

#89ce4d

#89ce4d
rgb(137,206,77)

#802d65

#802d65
rgb(128,45,101)

#a3d5ca

#a3d5ca
rgb(163,213,202)

#900035

#900035
rgb(144,0,53)

#f1c307

#f1c307
rgb(241,195,7)

#86d042

#86d042
rgb(134,208,66)

#036ea2

#036ea2
rgb(3,110,162)

#cc0414

#cc0414
rgb(204,4,20)

#4a8ea2

#4a8ea2
rgb(74,142,162)

#5eddf7

#5eddf7
rgb(94,221,247)

#889b43

#889b43
rgb(136,155,67)