Informação da cor #cfaae0

A cor hexadecimal cfaae0 no modelo de cores RGB (Red, Green, Blue), é um composta por 207 de vermelho, 170 de verde e 224 de azul.

No padrão de cores CMYK, é composto por 7.6% de ciano, 24.1% de magenta, 0% de amarelo e 12.2% de preto. Tem um ângulo de matiz de 281.1 graus, uma saturação de 46.6% e uma leveza de 77.3%.

A cor mais próxima WebSafe é CC99CC.

Conversões de #cfaae0 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 cfaae0
RGB 207, 170, 224
RGB Percentagem 81.2%, 66.7%, 87.8%
CMYK 0.08, 0.24, 0, 0.12
HSL 281.1°, 46.6%, 77.3%
HSV (ou HSB) 281.1°, 24.1%, 87.8%
RYB 81.2, 66.7, 87.8
Formato Cor
XYZ 56.1, 50.3, 79
CIELab 76.27, 21.59, -20.64
Decimal 13609696
Yxy 47.3974, 0.3012, 0.2666
YUV 187.219, 148.7568, 142.1092
CIELuv 74.4433, 16.9061, -38.3478
Web Safe CC99CC

Distribuição de #cfaae0

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.

#cfaae0

#cfaae0
rgb(207,170,224)

#bbe0aa

#bbe0aa
rgb(187,224,170)

Cores triadicas

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

#e0d0aa

#e0d0aa
rgb(224,208,170)

#cfaae0

#cfaae0
rgb(207,170,224)

#aae0d0

#aae0d0
rgb(170,224,208)

Cores tetrádicas

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

#e0b5aa

#e0b5aa
rgb(224,181,170)

#cfaae0

#cfaae0
rgb(207,170,224)

#bbe0aa

#bbe0aa
rgb(187,224,170)

#aad6e0

#aad6e0
rgb(170,214,224)

Cores monocromáticas

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

#cfaae0

#cfaae0
rgb(207,170,224)

#d2b1e0

#d2b1e0
rgb(210,177,224)

#d1afe0

#d1afe0
rgb(209,175,224)

#d0ace0

#d0ace0
rgb(208,172,224)

#cfaae0

#cfaae0
rgb(207,170,224)

#cfa8e0

#cfa8e0
rgb(207,168,224)

Tons e Matizes de #cfaae0

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

Matiz (adicionando branco)
#cfaae0

#cfaae0
rgb(207,170,224)

#d8bbe6

#d8bbe6
rgb(216,187,230)

#e2ccec

#e2ccec
rgb(226,204,236)

#ebddf2

#ebddf2
rgb(235,221,242)

#f5eef8

#f5eef8
rgb(245,238,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cfaae0

#cfaae0
rgb(207,170,224)

#a588b3

#a588b3
rgb(165,136,179)

#7c6686

#7c6686
rgb(124,102,134)

#524359

#524359
rgb(82,67,89)

#29212c

#29212c
rgb(41,33,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cfaae0

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cfaae0.

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

Este elemento tem uma cor de borda de #cfaae0.

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

Cores alietórias

#30bb96

#30bb96
rgb(48,187,150)

#88792a

#88792a
rgb(136,121,42)

#402d2e

#402d2e
rgb(64,45,46)

#db780c

#db780c
rgb(219,120,12)

#88013f

#88013f
rgb(136,1,63)

#571de0

#571de0
rgb(87,29,224)

#3fb2df

#3fb2df
rgb(63,178,223)

#a4bf47

#a4bf47
rgb(164,191,71)

#69b05f

#69b05f
rgb(105,176,95)

#51241e

#51241e
rgb(81,36,30)

#bff80a

#bff80a
rgb(191,248,10)

#58c6d2

#58c6d2
rgb(88,198,210)