Informação da cor #d54026

A cor hexadecimal d54026 no modelo de cores RGB (Red, Green, Blue), é um composta por 213 de vermelho, 64 de verde e 38 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 70% de magenta, 82.2% de amarelo e 16.5% de preto. Tem um ângulo de matiz de 8.9 graus, uma saturação de 69.7% e uma leveza de 49.2%.

A cor mais próxima WebSafe é CC3300.

Conversões de #d54026 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 d54026
RGB 213, 64, 38
RGB Percentagem 83.5%, 25.1%, 14.9%
CMYK 0, 0.7, 0.82, 0.16
HSL 8.9°, 69.7%, 49.2%
HSV (ou HSB) 8.9°, 82.2%, 83.5%
RYB 83.5, 27.1, 14.9
Formato Cor
XYZ 31.2, 19.5, 4.7
CIELab 51.3, 54.92, 46.02
Decimal 13975590
Yxy 17.9574, 0.5773, 0.3499
YUV 105.587, 89.8583, 204.6141
CIELuv 49.4444, 118.3953, 33.8488
Web Safe CC3300

Distribuição de #d54026

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.

#d54026

#d54026
rgb(213,64,38)

#27bcd5

#27bcd5
rgb(39,188,213)

Cores triadicas

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

#27d540

#27d540
rgb(39,213,64)

#d54026

#d54026
rgb(213,64,38)

#4027d5

#4027d5
rgb(64,39,213)

Cores tetrádicas

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

#64d527

#64d527
rgb(100,213,39)

#d54026

#d54026
rgb(213,64,38)

#27bcd5

#27bcd5
rgb(39,188,213)

#9827d5

#9827d5
rgb(152,39,213)

Cores monocromáticas

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

#d54026

#d54026
rgb(213,64,38)

#d5aea7

#d5aea7
rgb(213,174,167)

#d5aca5

#d5aca5
rgb(213,172,165)

#d5aaa3

#d5aaa3
rgb(213,170,163)

#d5a8a1

#d5a8a1
rgb(213,168,161)

#d5a79e

#d5a79e
rgb(213,167,158)

Tons e Matizes de #d54026

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

Matiz (adicionando branco)
#d54026

#d54026
rgb(213,64,38)

#dd6651

#dd6651
rgb(221,102,81)

#e58c7c

#e58c7c
rgb(229,140,124)

#eeb2a8

#eeb2a8
rgb(238,178,168)

#f6d8d3

#f6d8d3
rgb(246,216,211)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d54026

#d54026
rgb(213,64,38)

#aa331e

#aa331e
rgb(170,51,30)

#7f2616

#7f2616
rgb(127,38,22)

#55190f

#55190f
rgb(85,25,15)

#2a0c07

#2a0c07
rgb(42,12,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d54026

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #d54026.

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

Este elemento tem uma cor de borda de #d54026.

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

Cores alietórias

#63d337

#63d337
rgb(99,211,55)

#b729e5

#b729e5
rgb(183,41,229)

#513c97

#513c97
rgb(81,60,151)

#486e1c

#486e1c
rgb(72,110,28)

#d4417e

#d4417e
rgb(212,65,126)

#bd82bd

#bd82bd
rgb(189,130,189)

#108e5c

#108e5c
rgb(16,142,92)

#9f5980

#9f5980
rgb(159,89,128)

#05f3ab

#05f3ab
rgb(5,243,171)

#8b8bf2

#8b8bf2
rgb(139,139,242)

#34ed5d

#34ed5d
rgb(52,237,93)

#5a26ca

#5a26ca
rgb(90,38,202)