Informação da cor #c2b33a

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

No padrão de cores CMYK, é composto por 0% de ciano, 7.7% de magenta, 70.1% de amarelo e 23.9% de preto. Tem um ângulo de matiz de 53.4 graus, uma saturação de 54% e uma leveza de 49.4%.

A cor mais próxima WebSafe é 999933.

Conversões de #c2b33a 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 c2b33a
RGB 194, 179, 58
RGB Percentagem 76.1%, 70.2%, 22.7%
CMYK 0, 0.08, 0.7, 0.24
HSL 53.4°, 54%, 49.4%
HSV (ou HSB) 53.4°, 70.1%, 76.1%
RYB 29.4, 76.1, 22.7
Formato Cor
XYZ 41.6, 46.9, 12.1
CIELab 74.14, -8.79, 59.34
Decimal 12759866
Yxy 44.0167, 0.4182, 0.4703
YUV 169.691, 64.969, 145.3388
CIELuv 72.2397, 15.3896, 69.3248
Web Safe 999933

Distribuição de #c2b33a

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.

#c2b33a

#c2b33a
rgb(194,179,58)

#3b49c2

#3b49c2
rgb(59,73,194)

Cores triadicas

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

#3bc2b4

#3bc2b4
rgb(59,194,180)

#c2b33a

#c2b33a
rgb(194,179,58)

#b43bc2

#b43bc2
rgb(180,59,194)

Cores tetrádicas

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

#3bc270

#3bc270
rgb(59,194,112)

#c2b33a

#c2b33a
rgb(194,179,58)

#3b49c2

#3b49c2
rgb(59,73,194)

#c23b8d

#c23b8d
rgb(194,59,141)

Cores monocromáticas

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

#c2b33a

#c2b33a
rgb(194,179,58)

#c2be98

#c2be98
rgb(194,190,152)

#c2be96

#c2be96
rgb(194,190,150)

#c2bd95

#c2bd95
rgb(194,189,149)

#c2bd93

#c2bd93
rgb(194,189,147)

#c2bd91

#c2bd91
rgb(194,189,145)

Tons e Matizes de #c2b33a

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

Matiz (adicionando branco)
#c2b33a

#c2b33a
rgb(194,179,58)

#cec261

#cec261
rgb(206,194,97)

#dad188

#dad188
rgb(218,209,136)

#e6e0b0

#e6e0b0
rgb(230,224,176)

#f2efd7

#f2efd7
rgb(242,239,215)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c2b33a

#c2b33a
rgb(194,179,58)

#9b8f2e

#9b8f2e
rgb(155,143,46)

#746b22

#746b22
rgb(116,107,34)

#4d4717

#4d4717
rgb(77,71,23)

#26230b

#26230b
rgb(38,35,11)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c2b33a

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c2b33a.

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

Este elemento tem uma cor de borda de #c2b33a.

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

Cores alietórias

#cec62c

#cec62c
rgb(206,198,44)

#b8e671

#b8e671
rgb(184,230,113)

#75c46f

#75c46f
rgb(117,196,111)

#c60085

#c60085
rgb(198,0,133)

#f5c857

#f5c857
rgb(245,200,87)

#ce9ba6

#ce9ba6
rgb(206,155,166)

#35f437

#35f437
rgb(53,244,55)

#09b0b5

#09b0b5
rgb(9,176,181)

#92ceeb

#92ceeb
rgb(146,206,235)

#eaff21

#eaff21
rgb(234,255,33)

#5897fb

#5897fb
rgb(88,151,251)

#7a8e28

#7a8e28
rgb(122,142,40)