Informação da cor #8fcbf1

A cor hexadecimal 8fcbf1 no modelo de cores RGB (Red, Green, Blue), é um composta por 143 de vermelho, 203 de verde e 241 de azul.

No padrão de cores CMYK, é composto por 40.7% de ciano, 15.8% de magenta, 0% de amarelo e 5.5% de preto. Tem um ângulo de matiz de 203.3 graus, uma saturação de 77.8% e uma leveza de 75.3%.

A cor mais próxima WebSafe é 6699CC.

Conversões de #8fcbf1 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 8fcbf1
RGB 143, 203, 241
RGB Percentagem 56.1%, 79.6%, 94.5%
CMYK 0.41, 0.16, 0, 0.05
HSL 203.3°, 77.8%, 75.3%
HSV (ou HSB) 203.3°, 40.7%, 94.5%
RYB 56.1, 71, 94.5
Formato Cor
XYZ 51, 57.5, 92.5
CIELab 80.47, -9.62, -23.11
Decimal 9423857
Yxy 54.8993, 0.2494, 0.282
YUV 189.392, 157.1242, 94.9101
CIELuv 78.9832, -29.0859, -38.0952
Web Safe 6699CC

Distribuição de #8fcbf1

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.

#8fcbf1

#8fcbf1
rgb(143,203,241)

#f1b58f

#f1b58f
rgb(241,181,143)

Cores triadicas

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

#f18fcc

#f18fcc
rgb(241,143,204)

#8fcbf1

#8fcbf1
rgb(143,203,241)

#ccf18f

#ccf18f
rgb(204,241,143)

Cores tetrádicas

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

#e68ff1

#e68ff1
rgb(230,143,241)

#8fcbf1

#8fcbf1
rgb(143,203,241)

#f1b58f

#f1b58f
rgb(241,181,143)

#9bf18f

#9bf18f
rgb(155,241,143)

Cores monocromáticas

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

#8fcbf1

#8fcbf1
rgb(143,203,241)

#beddf1

#beddf1
rgb(190,221,241)

#bbddf1

#bbddf1
rgb(187,221,241)

#b9dcf1

#b9dcf1
rgb(185,220,241)

#b7dbf1

#b7dbf1
rgb(183,219,241)

#b4daf1

#b4daf1
rgb(180,218,241)

Tons e Matizes de #8fcbf1

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

Matiz (adicionando branco)
#8fcbf1

#8fcbf1
rgb(143,203,241)

#a5d5f3

#a5d5f3
rgb(165,213,243)

#bbdff6

#bbdff6
rgb(187,223,246)

#d2eaf9

#d2eaf9
rgb(210,234,249)

#e8f4fc

#e8f4fc
rgb(232,244,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8fcbf1

#8fcbf1
rgb(143,203,241)

#72a2c0

#72a2c0
rgb(114,162,192)

#557990

#557990
rgb(85,121,144)

#395160

#395160
rgb(57,81,96)

#1c2830

#1c2830
rgb(28,40,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8fcbf1

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

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

Contraste

Branco e #8fcbf1
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 #8fcbf1
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 #8fcbf1

Este exemplo mostra como o texto na cor #8fcbf1 se parece.

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

Este parágrafo tem fundo de cor #8fcbf1.

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

Este elemento tem uma cor de borda de #8fcbf1.

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

Cores alietórias

#9071a7

#9071a7
rgb(144,113,167)

#8ddb17

#8ddb17
rgb(141,219,23)

#8a8b6d

#8a8b6d
rgb(138,139,109)

#d9ac4f

#d9ac4f
rgb(217,172,79)

#b4a042

#b4a042
rgb(180,160,66)

#e5451d

#e5451d
rgb(229,69,29)

#e3614e

#e3614e
rgb(227,97,78)

#548961

#548961
rgb(84,137,97)

#63eb8e

#63eb8e
rgb(99,235,142)

#9e8e33

#9e8e33
rgb(158,142,51)

#92bb2d

#92bb2d
rgb(146,187,45)

#5f5858

#5f5858
rgb(95,88,88)