Informação da cor #d65b33

A cor hexadecimal d65b33 no modelo de cores RGB (Red, Green, Blue), é um composta por 214 de vermelho, 91 de verde e 51 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 57.5% de magenta, 76.2% de amarelo e 16.1% de preto. Tem um ângulo de matiz de 14.7 graus, uma saturação de 66.5% e uma leveza de 52%.

A cor mais próxima WebSafe é CC3333.

Conversões de #d65b33 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 d65b33
RGB 214, 91, 51
RGB Percentagem 83.9%, 35.7%, 20%
CMYK 0, 0.57, 0.76, 0.16
HSL 14.7°, 66.5%, 52%
HSV (ou HSB) 14.7°, 76.2%, 83.9%
RYB 83.9, 41.2, 20
Formato Cor
XYZ 34, 24.1, 7
CIELab 56.21, 43.58, 44.29
Decimal 14048051
Yxy 22.0216, 0.5365, 0.3683
YUV 123.217, 87.2455, 192.7525
CIELuv 54.05, 98.5405, 37.9062
Web Safe CC3333

Distribuição de #d65b33

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.

#d65b33

#d65b33
rgb(214,91,51)

#33aed6

#33aed6
rgb(51,174,214)

Cores triadicas

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

#33d65c

#33d65c
rgb(51,214,92)

#d65b33

#d65b33
rgb(214,91,51)

#5c33d6

#5c33d6
rgb(92,51,214)

Cores tetrádicas

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

#5dd633

#5dd633
rgb(93,214,51)

#d65b33

#d65b33
rgb(214,91,51)

#33aed6

#33aed6
rgb(51,174,214)

#ad33d6

#ad33d6
rgb(173,51,214)

Cores monocromáticas

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

#d65b33

#d65b33
rgb(214,91,51)

#d6b3a8

#d6b3a8
rgb(214,179,168)

#d6b2a6

#d6b2a6
rgb(214,178,166)

#d6b0a4

#d6b0a4
rgb(214,176,164)

#d6afa2

#d6afa2
rgb(214,175,162)

#d6ad9f

#d6ad9f
rgb(214,173,159)

Tons e Matizes de #d65b33

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

Matiz (adicionando branco)
#d65b33

#d65b33
rgb(214,91,51)

#de7b5b

#de7b5b
rgb(222,123,91)

#e69c84

#e69c84
rgb(230,156,132)

#eebdad

#eebdad
rgb(238,189,173)

#f6ded6

#f6ded6
rgb(246,222,214)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d65b33

#d65b33
rgb(214,91,51)

#ab4828

#ab4828
rgb(171,72,40)

#80361e

#80361e
rgb(128,54,30)

#552414

#552414
rgb(85,36,20)

#2a120a

#2a120a
rgb(42,18,10)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d65b33

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #d65b33.

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

Este elemento tem uma cor de borda de #d65b33.

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

Cores alietórias

#0c676c

#0c676c
rgb(12,103,108)

#a800de

#a800de
rgb(168,0,222)

#008fd5

#008fd5
rgb(0,143,213)

#84f0aa

#84f0aa
rgb(132,240,170)

#0d5661

#0d5661
rgb(13,86,97)

#2f68f0

#2f68f0
rgb(47,104,240)

#3dbf93

#3dbf93
rgb(61,191,147)

#195ab5

#195ab5
rgb(25,90,181)

#17a351

#17a351
rgb(23,163,81)

#c10ec5

#c10ec5
rgb(193,14,197)

#c438a6

#c438a6
rgb(196,56,166)

#43e6bc

#43e6bc
rgb(67,230,188)