Informação da cor #ca9eb6

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

No padrão de cores CMYK, é composto por 0% de ciano, 21.8% de magenta, 9.9% de amarelo e 20.8% de preto. Tem um ângulo de matiz de 327.3 graus, uma saturação de 29.3% e uma leveza de 70.6%.

A cor mais próxima WebSafe é 999999.

Conversões de #ca9eb6 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 ca9eb6
RGB 202, 158, 182
RGB Percentagem 79.2%, 62%, 71.4%
CMYK 0, 0.22, 0.1, 0.21
HSL 327.3°, 29.3%, 70.6%
HSV (ou HSB) 327.3°, 21.8%, 79.2%
RYB 79.2, 62, 71.4
Formato Cor
XYZ 47.8, 43.5, 53
CIELab 71.87, 18.93, -5.84
Decimal 13278902
Yxy 40.3892, 0.3333, 0.299
YUV 173.892, 132.5756, 148.0485
CIELuv 69.7458, 24.78, -12.5926
Web Safe 999999

Distribuição de #ca9eb6

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.

#ca9eb6

#ca9eb6
rgb(202,158,182)

#9ecab3

#9ecab3
rgb(158,202,179)

Cores triadicas

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

#b6ca9e

#b6ca9e
rgb(182,202,158)

#ca9eb6

#ca9eb6
rgb(202,158,182)

#9eb6ca

#9eb6ca
rgb(158,182,202)

Cores tetrádicas

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

#cac99e

#cac99e
rgb(202,201,158)

#ca9eb6

#ca9eb6
rgb(202,158,182)

#9ecab3

#9ecab3
rgb(158,202,179)

#9ea0ca

#9ea0ca
rgb(158,160,202)

Cores monocromáticas

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

#ca9eb6

#ca9eb6
rgb(202,158,182)

#caa0b7

#caa0b7
rgb(202,160,183)

#ca9eb6

#ca9eb6
rgb(202,158,182)

#ca9cb5

#ca9cb5
rgb(202,156,181)

#ca9ab4

#ca9ab4
rgb(202,154,180)

#ca98b3

#ca98b3
rgb(202,152,179)

Tons e Matizes de #ca9eb6

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

Matiz (adicionando branco)
#ca9eb6

#ca9eb6
rgb(202,158,182)

#d4b1c4

#d4b1c4
rgb(212,177,196)

#dfc4d3

#dfc4d3
rgb(223,196,211)

#e9d8e1

#e9d8e1
rgb(233,216,225)

#f4ebf0

#f4ebf0
rgb(244,235,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ca9eb6

#ca9eb6
rgb(202,158,182)

#a17e91

#a17e91
rgb(161,126,145)

#795e6d

#795e6d
rgb(121,94,109)

#503f48

#503f48
rgb(80,63,72)

#281f24

#281f24
rgb(40,31,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ca9eb6

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ca9eb6.

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

Este elemento tem uma cor de borda de #ca9eb6.

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

Cores alietórias

#8eb289

#8eb289
rgb(142,178,137)

#62a555

#62a555
rgb(98,165,85)

#d5941b

#d5941b
rgb(213,148,27)

#002421

#002421
rgb(0,36,33)

#68f993

#68f993
rgb(104,249,147)

#00ad66

#00ad66
rgb(0,173,102)

#2b9112

#2b9112
rgb(43,145,18)

#4bc4af

#4bc4af
rgb(75,196,175)

#095ac0

#095ac0
rgb(9,90,192)

#662ef7

#662ef7
rgb(102,46,247)

#9b05de

#9b05de
rgb(155,5,222)

#9c15f6

#9c15f6
rgb(156,21,246)