Informação da cor #ca98b3

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

No padrão de cores CMYK, é composto por 0% de ciano, 24.8% de magenta, 11.4% de amarelo e 20.8% de preto. Tem um ângulo de matiz de 327.6 graus, uma saturação de 32.1% e uma leveza de 69.4%.

A cor mais próxima WebSafe é 996699.

Conversões de #ca98b3 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 ca98b3
RGB 202, 152, 179
RGB Percentagem 79.2%, 59.6%, 70.2%
CMYK 0, 0.25, 0.11, 0.21
HSL 327.6°, 32.1%, 69.4%
HSV (ou HSB) 327.6°, 24.8%, 79.2%
RYB 79.2, 59.6, 70.2
Formato Cor
XYZ 46.5, 41.3, 51.1
CIELab 70.41, 21.57, -6.44
Decimal 13277363
Yxy 38.2694, 0.3371, 0.295
YUV 170.028, 133.0632, 150.8046
CIELuv 68.2187, 28.3732, -13.924
Web Safe 996699

Distribuição de #ca98b3

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.

#ca98b3

#ca98b3
rgb(202,152,179)

#98cab0

#98cab0
rgb(152,202,176)

Cores triadicas

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

#b3ca98

#b3ca98
rgb(179,202,152)

#ca98b3

#ca98b3
rgb(202,152,179)

#98b3ca

#98b3ca
rgb(152,179,202)

Cores tetrádicas

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

#cac998

#cac998
rgb(202,201,152)

#ca98b3

#ca98b3
rgb(202,152,179)

#98cab0

#98cab0
rgb(152,202,176)

#989aca

#989aca
rgb(152,154,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.

#ca98b3

#ca98b3
rgb(202,152,179)

#caa0b7

#caa0b7
rgb(202,160,183)

#ca9eb6

#ca9eb6
rgb(202,158,182)

#ca9cb5

#ca9cb5
rgb(202,156,181)

#ca9ab4

#ca9ab4
rgb(202,154,180)

#ca97b3

#ca97b3
rgb(202,151,179)

Tons e Matizes de #ca98b3

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

Matiz (adicionando branco)
#ca98b3

#ca98b3
rgb(202,152,179)

#d4acc2

#d4acc2
rgb(212,172,194)

#dfc1d1

#dfc1d1
rgb(223,193,209)

#e9d5e0

#e9d5e0
rgb(233,213,224)

#f4eaef

#f4eaef
rgb(244,234,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ca98b3

#ca98b3
rgb(202,152,179)

#a1798f

#a1798f
rgb(161,121,143)

#795b6b

#795b6b
rgb(121,91,107)

#503c47

#503c47
rgb(80,60,71)

#281e23

#281e23
rgb(40,30,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ca98b3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ca98b3.

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

Este elemento tem uma cor de borda de #ca98b3.

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

Cores alietórias

#fd2d6e

#fd2d6e
rgb(253,45,110)

#0a717e

#0a717e
rgb(10,113,126)

#d539c2

#d539c2
rgb(213,57,194)

#7079b3

#7079b3
rgb(112,121,179)

#103619

#103619
rgb(16,54,25)

#a1bfc6

#a1bfc6
rgb(161,191,198)

#006263

#006263
rgb(0,98,99)

#4c1bf7

#4c1bf7
rgb(76,27,247)

#d94794

#d94794
rgb(217,71,148)

#2edd9a

#2edd9a
rgb(46,221,154)

#36a37e

#36a37e
rgb(54,163,126)

#1a7edf

#1a7edf
rgb(26,126,223)