Informação da cor #c00396

A cor hexadecimal c00396 no modelo de cores RGB (Red, Green, Blue), é um composta por 192 de vermelho, 3 de verde e 150 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 98.4% de magenta, 21.9% de amarelo e 24.7% de preto. Tem um ângulo de matiz de 313.3 graus, uma saturação de 96.9% e uma leveza de 38.2%.

A cor mais próxima WebSafe é 990066.

Conversões de #c00396 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 c00396
RGB 192, 3, 150
RGB Percentagem 75.3%, 1.2%, 58.8%
CMYK 0, 0.98, 0.22, 0.25
HSL 313.3°, 96.9%, 38.2%
HSV (ou HSB) 313.3°, 98.4%, 75.3%
RYB 75.3, 1.2, 58.8
Formato Cor
XYZ 29, 14.3, 33.1
CIELab 44.68, 75.19, -29.83
Decimal 12583830
Yxy 13.4767, 0.3854, 0.1904
YUV 76.269, 169.6089, 210.5471
CIELuv 43.4729, 81.2066, -50.1124
Web Safe 990066

Distribuição de #c00396

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.

#c00396

#c00396
rgb(192,3,150)

#03c02e

#03c02e
rgb(3,192,46)

Cores triadicas

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

#96c003

#96c003
rgb(150,192,3)

#c00396

#c00396
rgb(192,3,150)

#0396c0

#0396c0
rgb(3,150,192)

Cores tetrádicas

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

#c08c03

#c08c03
rgb(192,140,3)

#c00396

#c00396
rgb(192,3,150)

#03c02e

#03c02e
rgb(3,192,46)

#0338c0

#0338c0
rgb(3,56,192)

Cores monocromáticas

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

#c00396

#c00396
rgb(192,3,150)

#c096b7

#c096b7
rgb(192,150,183)

#c094b7

#c094b7
rgb(192,148,183)

#c092b6

#c092b6
rgb(192,146,182)

#c091b6

#c091b6
rgb(192,145,182)

#c08fb5

#c08fb5
rgb(192,143,181)

Tons e Matizes de #c00396

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

Matiz (adicionando branco)
#c00396

#c00396
rgb(192,3,150)

#cc35ab

#cc35ab
rgb(204,53,171)

#d967c0

#d967c0
rgb(217,103,192)

#e59ad5

#e59ad5
rgb(229,154,213)

#f2ccea

#f2ccea
rgb(242,204,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c00396

#c00396
rgb(192,3,150)

#990278

#990278
rgb(153,2,120)

#73015a

#73015a
rgb(115,1,90)

#4c013b

#4c013b
rgb(76,1,59)

#26001d

#26001d
rgb(38,0,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c00396

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

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

Contraste

Branco e #c00396
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.

Preto e #c00396
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.

Exemplos CSS

Texto com cor hexadecimal #c00396

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

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

Este parágrafo tem fundo de cor #c00396.

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

Este elemento tem uma cor de borda de #c00396.

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

Cores alietórias

#300698

#300698
rgb(48,6,152)

#56158f

#56158f
rgb(86,21,143)

#84a5c1

#84a5c1
rgb(132,165,193)

#6c4102

#6c4102
rgb(108,65,2)

#6f5f26

#6f5f26
rgb(111,95,38)

#7d6458

#7d6458
rgb(125,100,88)

#a8a54b

#a8a54b
rgb(168,165,75)

#e53c30

#e53c30
rgb(229,60,48)

#1fd42e

#1fd42e
rgb(31,212,46)

#54533b

#54533b
rgb(84,83,59)

#e5cc68

#e5cc68
rgb(229,204,104)

#65f695

#65f695
rgb(101,246,149)