Informação da cor #ca5342

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

No padrão de cores CMYK, é composto por 0% de ciano, 58.9% de magenta, 67.3% de amarelo e 20.8% de preto. Tem um ângulo de matiz de 7.5 graus, uma saturação de 56.2% e uma leveza de 52.6%.

A cor mais próxima WebSafe é 993333.

Conversões de #ca5342 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 ca5342
RGB 202, 83, 66
RGB Percentagem 79.2%, 32.5%, 25.9%
CMYK 0, 0.59, 0.67, 0.21
HSL 7.5°, 56.2%, 52.6%
HSV (ou HSB) 7.5°, 67.3%, 79.2%
RYB 79.2, 33.7, 25.9
Formato Cor
XYZ 30.5, 21.2, 9.1
CIELab 53.18, 44.12, 31.98
Decimal 13259586
Yxy 19.1402, 0.5177, 0.3485
YUV 116.643, 99.4204, 188.8823
CIELuv 50.8508, 91.951, 27.72
Web Safe 993333

Distribuição de #ca5342

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.

#ca5342

#ca5342
rgb(202,83,66)

#42b9ca

#42b9ca
rgb(66,185,202)

Cores triadicas

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

#42ca53

#42ca53
rgb(66,202,83)

#ca5342

#ca5342
rgb(202,83,66)

#5342ca

#5342ca
rgb(83,66,202)

Cores tetrádicas

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

#76ca42

#76ca42
rgb(118,202,66)

#ca5342

#ca5342
rgb(202,83,66)

#42b9ca

#42b9ca
rgb(66,185,202)

#9742ca

#9742ca
rgb(151,66,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.

#ca5342

#ca5342
rgb(202,83,66)

#caa49f

#caa49f
rgb(202,164,159)

#caa29d

#caa29d
rgb(202,162,157)

#caa19b

#caa19b
rgb(202,161,155)

#ca9f99

#ca9f99
rgb(202,159,153)

#ca9d97

#ca9d97
rgb(202,157,151)

Tons e Matizes de #ca5342

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

Matiz (adicionando branco)
#ca5342

#ca5342
rgb(202,83,66)

#d47567

#d47567
rgb(212,117,103)

#df978d

#df978d
rgb(223,151,141)

#e9bab3

#e9bab3
rgb(233,186,179)

#f4dcd9

#f4dcd9
rgb(244,220,217)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ca5342

#ca5342
rgb(202,83,66)

#a14234

#a14234
rgb(161,66,52)

#793127

#793127
rgb(121,49,39)

#50211a

#50211a
rgb(80,33,26)

#28100d

#28100d
rgb(40,16,13)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ca5342

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ca5342.

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

Este elemento tem uma cor de borda de #ca5342.

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

Cores alietórias

#c7c4db

#c7c4db
rgb(199,196,219)

#e4ca80

#e4ca80
rgb(228,202,128)

#f105b5

#f105b5
rgb(241,5,181)

#f5136c

#f5136c
rgb(245,19,108)

#1965c3

#1965c3
rgb(25,101,195)

#893430

#893430
rgb(137,52,48)

#dca06d

#dca06d
rgb(220,160,109)

#67d418

#67d418
rgb(103,212,24)

#7acd26

#7acd26
rgb(122,205,38)

#034aa1

#034aa1
rgb(3,74,161)

#c16048

#c16048
rgb(193,96,72)

#1d8064

#1d8064
rgb(29,128,100)