Informação da cor #e5b61b

A cor hexadecimal e5b61b no modelo de cores RGB (Red, Green, Blue), é um composta por 229 de vermelho, 182 de verde e 27 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 20.5% de magenta, 88.2% de amarelo e 10.2% de preto. Tem um ângulo de matiz de 46 graus, uma saturação de 79.5% e uma leveza de 50.2%.

A cor mais próxima WebSafe é CC9900.

Conversões de #e5b61b 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 e5b61b
RGB 229, 182, 27
RGB Percentagem 89.8%, 71.4%, 10.6%
CMYK 0, 0.21, 0.88, 0.1
HSL 46°, 79.5%, 50.2%
HSV (ou HSB) 46°, 88.2%, 89.8%
RYB 34.9, 89.8, 10.6
Formato Cor
XYZ 51.1, 52.8, 9
CIELab 77.73, 2.51, 74.49
Decimal 15054363
Yxy 50.1965, 0.4578, 0.4666
YUV 178.383, 42.5694, 164.1034
CIELuv 76.1897, 40.0662, 77.4657
Web Safe CC9900

Distribuição de #e5b61b

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.

#e5b61b

#e5b61b
rgb(229,182,27)

#1b4ae5

#1b4ae5
rgb(27,74,229)

Cores triadicas

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

#1be5b7

#1be5b7
rgb(27,229,183)

#e5b61b

#e5b61b
rgb(229,182,27)

#b71be5

#b71be5
rgb(183,27,229)

Cores tetrádicas

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

#1be552

#1be552
rgb(27,229,82)

#e5b61b

#e5b61b
rgb(229,182,27)

#1b4ae5

#1b4ae5
rgb(27,74,229)

#e51baf

#e51baf
rgb(229,27,175)

Cores monocromáticas

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

#e5b61b

#e5b61b
rgb(229,182,27)

#e5dab3

#e5dab3
rgb(229,218,179)

#e5d9b1

#e5d9b1
rgb(229,217,177)

#e5d9af

#e5d9af
rgb(229,217,175)

#e5d8ad

#e5d8ad
rgb(229,216,173)

#e5d8aa

#e5d8aa
rgb(229,216,170)

Tons e Matizes de #e5b61b

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

Matiz (adicionando branco)
#e5b61b

#e5b61b
rgb(229,182,27)

#eac448

#eac448
rgb(234,196,72)

#efd376

#efd376
rgb(239,211,118)

#f4e1a3

#f4e1a3
rgb(244,225,163)

#f9f0d1

#f9f0d1
rgb(249,240,209)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e5b61b

#e5b61b
rgb(229,182,27)

#b79115

#b79115
rgb(183,145,21)

#896d10

#896d10
rgb(137,109,16)

#5b480a

#5b480a
rgb(91,72,10)

#2d2405

#2d2405
rgb(45,36,5)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e5b61b

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e5b61b.

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

Este elemento tem uma cor de borda de #e5b61b.

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

Cores alietórias

#cfec33

#cfec33
rgb(207,236,51)

#aa828c

#aa828c
rgb(170,130,140)

#2f74c1

#2f74c1
rgb(47,116,193)

#334392

#334392
rgb(51,67,146)

#a30a66

#a30a66
rgb(163,10,102)

#213a0d

#213a0d
rgb(33,58,13)

#a57ae1

#a57ae1
rgb(165,122,225)

#f971f5

#f971f5
rgb(249,113,245)

#3bb9aa

#3bb9aa
rgb(59,185,170)

#1a88e7

#1a88e7
rgb(26,136,231)

#29a05b

#29a05b
rgb(41,160,91)

#16069a

#16069a
rgb(22,6,154)