Informação da cor #cead22

A cor hexadecimal cead22 no modelo de cores RGB (Red, Green, Blue), é um composta por 206 de vermelho, 173 de verde e 34 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 16% de magenta, 83.5% de amarelo e 19.2% de preto. Tem um ângulo de matiz de 48.5 graus, uma saturação de 71.7% e uma leveza de 47.1%.

A cor mais próxima WebSafe é CC9900.

Conversões de #cead22 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 cead22
RGB 206, 173, 34
RGB Percentagem 80.8%, 67.8%, 13.3%
CMYK 0, 0.16, 0.83, 0.19
HSL 48.5°, 71.7%, 47.1%
HSV (ou HSB) 48.5°, 83.5%, 80.8%
RYB 29.4, 80.8, 13.3
Formato Cor
XYZ 43, 46, 8.7
CIELab 73.52, -2.11, 68.07
Decimal 13544738
Yxy 43.1269, 0.4446, 0.4713
YUV 167.021, 52.9317, 155.8024
CIELuv 71.641, 29.0318, 72.4798
Web Safe CC9900

Distribuição de #cead22

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.

#cead22

#cead22
rgb(206,173,34)

#2343ce

#2343ce
rgb(35,67,206)

Cores triadicas

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

#23ceae

#23ceae
rgb(35,206,174)

#cead22

#cead22
rgb(206,173,34)

#ae23ce

#ae23ce
rgb(174,35,206)

Cores tetrádicas

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

#23ce58

#23ce58
rgb(35,206,88)

#cead22

#cead22
rgb(206,173,34)

#2343ce

#2343ce
rgb(35,67,206)

#ce2399

#ce2399
rgb(206,35,153)

Cores monocromáticas

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

#cead22

#cead22
rgb(206,173,34)

#cec6a2

#cec6a2
rgb(206,198,162)

#cec59f

#cec59f
rgb(206,197,159)

#cec59d

#cec59d
rgb(206,197,157)

#cec59b

#cec59b
rgb(206,197,155)

#cec499

#cec499
rgb(206,196,153)

Tons e Matizes de #cead22

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

Matiz (adicionando branco)
#cead22

#cead22
rgb(206,173,34)

#d7bd4e

#d7bd4e
rgb(215,189,78)

#e1cd7a

#e1cd7a
rgb(225,205,122)

#ebdea6

#ebdea6
rgb(235,222,166)

#f5eed2

#f5eed2
rgb(245,238,210)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cead22

#cead22
rgb(206,173,34)

#a48a1b

#a48a1b
rgb(164,138,27)

#7b6714

#7b6714
rgb(123,103,20)

#52450d

#52450d
rgb(82,69,13)

#292206

#292206
rgb(41,34,6)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cead22

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cead22.

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

Este elemento tem uma cor de borda de #cead22.

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

Cores alietórias

#261d3f

#261d3f
rgb(38,29,63)

#bb158c

#bb158c
rgb(187,21,140)

#db958f

#db958f
rgb(219,149,143)

#78cbce

#78cbce
rgb(120,203,206)

#53097f

#53097f
rgb(83,9,127)

#5e3390

#5e3390
rgb(94,51,144)

#f1a3f5

#f1a3f5
rgb(241,163,245)

#1628ea

#1628ea
rgb(22,40,234)

#0b2375

#0b2375
rgb(11,35,117)

#40cff4

#40cff4
rgb(64,207,244)

#230f49

#230f49
rgb(35,15,73)

#341b1e

#341b1e
rgb(52,27,30)