Informação da cor #afb6e1

A cor hexadecimal afb6e1 no modelo de cores RGB (Red, Green, Blue), é um composta por 175 de vermelho, 182 de verde e 225 de azul.

No padrão de cores CMYK, é composto por 22.2% de ciano, 19.1% de magenta, 0% de amarelo e 11.8% de preto. Tem um ângulo de matiz de 231.6 graus, uma saturação de 45.5% e uma leveza de 78.4%.

A cor mais próxima WebSafe é 9999CC.

Conversões de #afb6e1 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 afb6e1
RGB 175, 182, 225
RGB Percentagem 68.6%, 71.4%, 88.2%
CMYK 0.22, 0.19, 0, 0.12
HSL 231.6°, 45.5%, 78.4%
HSV (ou HSB) 231.6°, 22.2%, 88.2%
RYB 68.6, 71.4, 88.2
Formato Cor
XYZ 50.7, 51, 80.1
CIELab 76.67, 6.07, -20.76
Decimal 11515617
Yxy 48.0051, 0.2759, 0.276
YUV 184.809, 150.6812, 121.0036
CIELuv 74.8281, -6.0646, -36.1164
Web Safe 9999CC

Distribuição de #afb6e1

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.

#afb6e1

#afb6e1
rgb(175,182,225)

#e1daaf

#e1daaf
rgb(225,218,175)

Cores triadicas

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

#e1afb7

#e1afb7
rgb(225,175,183)

#afb6e1

#afb6e1
rgb(175,182,225)

#b7e1af

#b7e1af
rgb(183,225,175)

Cores tetrádicas

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

#e1afd0

#e1afd0
rgb(225,175,208)

#afb6e1

#afb6e1
rgb(175,182,225)

#e1daaf

#e1daaf
rgb(225,218,175)

#afe1c1

#afe1c1
rgb(175,225,193)

Cores monocromáticas

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

#afb6e1

#afb6e1
rgb(175,182,225)

#b2b8e1

#b2b8e1
rgb(178,184,225)

#afb7e1

#afb7e1
rgb(175,183,225)

#adb5e1

#adb5e1
rgb(173,181,225)

#abb3e1

#abb3e1
rgb(171,179,225)

#a9b1e1

#a9b1e1
rgb(169,177,225)

Tons e Matizes de #afb6e1

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

Matiz (adicionando branco)
#afb6e1

#afb6e1
rgb(175,182,225)

#bfc4e7

#bfc4e7
rgb(191,196,231)

#cfd3ed

#cfd3ed
rgb(207,211,237)

#dfe1f3

#dfe1f3
rgb(223,225,243)

#eff0f9

#eff0f9
rgb(239,240,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#afb6e1

#afb6e1
rgb(175,182,225)

#8c91b4

#8c91b4
rgb(140,145,180)

#696d87

#696d87
rgb(105,109,135)

#454859

#454859
rgb(69,72,89)

#22242c

#22242c
rgb(34,36,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #afb6e1

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

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

Contraste

Branco e #afb6e1
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 #afb6e1
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 #afb6e1

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

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

Este parágrafo tem fundo de cor #afb6e1.

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

Este elemento tem uma cor de borda de #afb6e1.

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

Cores alietórias

#8d4bc2

#8d4bc2
rgb(141,75,194)

#0a1203

#0a1203
rgb(10,18,3)

#74211b

#74211b
rgb(116,33,27)

#2739c0

#2739c0
rgb(39,57,192)

#349bc9

#349bc9
rgb(52,155,201)

#adc2d2

#adc2d2
rgb(173,194,210)

#108704

#108704
rgb(16,135,4)

#12252f

#12252f
rgb(18,37,47)

#384239

#384239
rgb(56,66,57)

#ad5e7f

#ad5e7f
rgb(173,94,127)

#d4a691

#d4a691
rgb(212,166,145)

#fea50e

#fea50e
rgb(254,165,14)