Informação da cor #c2587f

A cor hexadecimal c2587f no modelo de cores RGB (Red, Green, Blue), é um composta por 194 de vermelho, 88 de verde e 127 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 54.6% de magenta, 34.5% de amarelo e 23.9% de preto. Tem um ângulo de matiz de 337.9 graus, uma saturação de 46.5% e uma leveza de 55.3%.

A cor mais próxima WebSafe é 993366.

Conversões de #c2587f 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 c2587f
RGB 194, 88, 127
RGB Percentagem 76.1%, 34.5%, 49.8%
CMYK 0, 0.55, 0.35, 0.24
HSL 337.9°, 46.5%, 55.3%
HSV (ou HSB) 337.9°, 54.6%, 76.1%
RYB 76.1, 34.5, 49.8
Formato Cor
XYZ 32, 22.3, 25.5
CIELab 54.33, 44.73, -1.95
Decimal 12736639
Yxy 19.984, 0.4111, 0.2778
YUV 124.14, 129.614, 177.8288
CIELuv 51.8191, 67.7058, -9.8853
Web Safe 993366

Distribuição de #c2587f

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.

#c2587f

#c2587f
rgb(194,88,127)

#58c29c

#58c29c
rgb(88,194,156)

Cores triadicas

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

#7fc258

#7fc258
rgb(127,194,88)

#c2587f

#c2587f
rgb(194,88,127)

#587fc2

#587fc2
rgb(88,127,194)

Cores tetrádicas

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

#b4c258

#b4c258
rgb(180,194,88)

#c2587f

#c2587f
rgb(194,88,127)

#58c29c

#58c29c
rgb(88,194,156)

#6758c2

#6758c2
rgb(103,88,194)

Cores monocromáticas

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

#c2587f

#c2587f
rgb(194,88,127)

#c299a8

#c299a8
rgb(194,153,168)

#c297a7

#c297a7
rgb(194,151,167)

#c295a6

#c295a6
rgb(194,149,166)

#c293a4

#c293a4
rgb(194,147,164)

#c291a3

#c291a3
rgb(194,145,163)

Tons e Matizes de #c2587f

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

Matiz (adicionando branco)
#c2587f

#c2587f
rgb(194,88,127)

#ce7998

#ce7998
rgb(206,121,152)

#da9ab2

#da9ab2
rgb(218,154,178)

#e6bccb

#e6bccb
rgb(230,188,203)

#f2dde5

#f2dde5
rgb(242,221,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c2587f

#c2587f
rgb(194,88,127)

#9b4665

#9b4665
rgb(155,70,101)

#74344c

#74344c
rgb(116,52,76)

#4d2332

#4d2332
rgb(77,35,50)

#261119

#261119
rgb(38,17,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c2587f

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

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

Contraste

Branco e #c2587f
Texto grande WCAG AA ✓ 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 #c2587f
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #c2587f

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

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

Este parágrafo tem fundo de cor #c2587f.

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

Este elemento tem uma cor de borda de #c2587f.

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

Cores alietórias

#d69db9

#d69db9
rgb(214,157,185)

#9543c4

#9543c4
rgb(149,67,196)

#c66b1d

#c66b1d
rgb(198,107,29)

#961621

#961621
rgb(150,22,33)

#4f4349

#4f4349
rgb(79,67,73)

#f4a0b9

#f4a0b9
rgb(244,160,185)

#5fdacc

#5fdacc
rgb(95,218,204)

#6553f1

#6553f1
rgb(101,83,241)

#22e093

#22e093
rgb(34,224,147)

#3341d5

#3341d5
rgb(51,65,213)

#e0262e

#e0262e
rgb(224,38,46)

#129e22

#129e22
rgb(18,158,34)