Informação da cor #c898b9

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

No padrão de cores CMYK, é composto por 0% de ciano, 24% de magenta, 7.5% de amarelo e 21.6% de preto. Tem um ângulo de matiz de 318.8 graus, uma saturação de 30.4% e uma leveza de 69%.

A cor mais próxima WebSafe é 996699.

Conversões de #c898b9 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 c898b9
RGB 200, 152, 185
RGB Percentagem 78.4%, 59.6%, 72.5%
CMYK 0, 0.24, 0.07, 0.22
HSL 318.8°, 30.4%, 69%
HSV (ou HSB) 318.8°, 24%, 78.4%
RYB 78.4, 59.6, 72.5
Formato Cor
XYZ 46.6, 41.3, 54.3
CIELab 70.39, 21.89, -9.61
Decimal 13146297
Yxy 38.2401, 0.3293, 0.2875
YUV 170.114, 136.4007, 149.3167
CIELuv 68.1972, 26.2659, -19.1013
Web Safe 996699

Distribuição de #c898b9

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.

#c898b9

#c898b9
rgb(200,152,185)

#98c8a7

#98c8a7
rgb(152,200,167)

Cores triadicas

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

#b9c898

#b9c898
rgb(185,200,152)

#c898b9

#c898b9
rgb(200,152,185)

#98b9c8

#98b9c8
rgb(152,185,200)

Cores tetrádicas

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

#c8bf98

#c8bf98
rgb(200,191,152)

#c898b9

#c898b9
rgb(200,152,185)

#98c8a7

#98c8a7
rgb(152,200,167)

#98a1c8

#98a1c8
rgb(152,161,200)

Cores monocromáticas

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

#c898b9

#c898b9
rgb(200,152,185)

#c89ebb

#c89ebb
rgb(200,158,187)

#c89cbb

#c89cbb
rgb(200,156,187)

#c89aba

#c89aba
rgb(200,154,186)

#c898b9

#c898b9
rgb(200,152,185)

#c896b9

#c896b9
rgb(200,150,185)

Tons e Matizes de #c898b9

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

Matiz (adicionando branco)
#c898b9

#c898b9
rgb(200,152,185)

#d3acc7

#d3acc7
rgb(211,172,199)

#dec1d5

#dec1d5
rgb(222,193,213)

#e9d5e3

#e9d5e3
rgb(233,213,227)

#f4eaf1

#f4eaf1
rgb(244,234,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c898b9

#c898b9
rgb(200,152,185)

#a07994

#a07994
rgb(160,121,148)

#785b6f

#785b6f
rgb(120,91,111)

#4f3c49

#4f3c49
rgb(79,60,73)

#271e24

#271e24
rgb(39,30,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c898b9

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c898b9.

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

Este elemento tem uma cor de borda de #c898b9.

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

Cores alietórias

#134dde

#134dde
rgb(19,77,222)

#29d307

#29d307
rgb(41,211,7)

#519b97

#519b97
rgb(81,155,151)

#9bb018

#9bb018
rgb(155,176,24)

#fefc53

#fefc53
rgb(254,252,83)

#f8d883

#f8d883
rgb(248,216,131)

#8fabd2

#8fabd2
rgb(143,171,210)

#25edb7

#25edb7
rgb(37,237,183)

#4330b5

#4330b5
rgb(67,48,181)

#1f2cb0

#1f2cb0
rgb(31,44,176)

#70bf54

#70bf54
rgb(112,191,84)

#ac5358

#ac5358
rgb(172,83,88)