Informação da cor #c23e6f

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

No padrão de cores CMYK, é composto por 0% de ciano, 68% de magenta, 42.8% de amarelo e 23.9% de preto. Tem um ângulo de matiz de 337.7 graus, uma saturação de 52% e uma leveza de 50.2%.

A cor mais próxima WebSafe é 993366.

Conversões de #c23e6f 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 c23e6f
RGB 194, 62, 111
RGB Percentagem 76.1%, 24.3%, 43.5%
CMYK 0, 0.68, 0.43, 0.24
HSL 337.7°, 52%, 50.2%
HSV (ou HSB) 337.7°, 68%, 76.1%
RYB 76.1, 24.3, 43.5
Formato Cor
XYZ 29, 17.9, 19.5
CIELab 49.31, 55.03, -0.02
Decimal 12729967
Yxy 16.0656, 0.4501, 0.2694
YUV 107.054, 130.2268, 190.0157
CIELuv 47.0604, 85.5272, -8.347
Web Safe 993366

Distribuição de #c23e6f

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.

#c23e6f

#c23e6f
rgb(194,62,111)

#3ec291

#3ec291
rgb(62,194,145)

Cores triadicas

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

#70c23e

#70c23e
rgb(112,194,62)

#c23e6f

#c23e6f
rgb(194,62,111)

#3e70c2

#3e70c2
rgb(62,112,194)

Cores tetrádicas

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

#b2c23e

#b2c23e
rgb(178,194,62)

#c23e6f

#c23e6f
rgb(194,62,111)

#3ec291

#3ec291
rgb(62,194,145)

#4f3ec2

#4f3ec2
rgb(79,62,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.

#c23e6f

#c23e6f
rgb(194,62,111)

#c298a8

#c298a8
rgb(194,152,168)

#c296a7

#c296a7
rgb(194,150,167)

#c295a6

#c295a6
rgb(194,149,166)

#c293a4

#c293a4
rgb(194,147,164)

#c291a3

#c291a3
rgb(194,145,163)

Tons e Matizes de #c23e6f

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

Matiz (adicionando branco)
#c23e6f

#c23e6f
rgb(194,62,111)

#ce648b

#ce648b
rgb(206,100,139)

#da8ba8

#da8ba8
rgb(218,139,168)

#e6b1c5

#e6b1c5
rgb(230,177,197)

#f2d8e2

#f2d8e2
rgb(242,216,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c23e6f

#c23e6f
rgb(194,62,111)

#9b3158

#9b3158
rgb(155,49,88)

#742542

#742542
rgb(116,37,66)

#4d182c

#4d182c
rgb(77,24,44)

#260c16

#260c16
rgb(38,12,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c23e6f

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c23e6f.

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

Este elemento tem uma cor de borda de #c23e6f.

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

Cores alietórias

#b7c46a

#b7c46a
rgb(183,196,106)

#a23004

#a23004
rgb(162,48,4)

#a59fdd

#a59fdd
rgb(165,159,221)

#5606de

#5606de
rgb(86,6,222)

#844d43

#844d43
rgb(132,77,67)

#d84308

#d84308
rgb(216,67,8)

#415411

#415411
rgb(65,84,17)

#583622

#583622
rgb(88,54,34)

#cfd42e

#cfd42e
rgb(207,212,46)

#0bea77

#0bea77
rgb(11,234,119)

#abeb10

#abeb10
rgb(171,235,16)

#c2e4c7

#c2e4c7
rgb(194,228,199)