Informação da cor #ff3300

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

No padrão de cores CMYK, é composto por 0% de ciano, 80% de magenta, 100% de amarelo e 0% de preto. Tem um ângulo de matiz de 12 graus, uma saturação de 100% e uma leveza de 50%.

A cor ff3300 é WebSafe.

Conversões de #ff3300 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 ff3300
RGB 255, 51, 0
RGB Percentagem 100%, 20%, 0%
CMYK 0, 0.8, 1, 0
HSL 12°, 100%, 50%
HSV (ou HSB) 12°, 100%, 100%
RYB 100, 25.1, 0
Formato Cor
XYZ 42.8, 24.4, 2.5
CIELab 56.49, 70.81, 68.49
Decimal 16724736
Yxy 23.6348, 0.6204, 0.3456
YUV 106.182, 68.0779, 234.1469
CIELuv 55.7203, 161.041, 42.2056
Web Safe FF3300

Distribuição de #ff3300

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.

#ff3300

#ff3300
rgb(255,51,0)

#00ccff

#00ccff
rgb(0,204,255)

Cores triadicas

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

#00ff34

#00ff34
rgb(0,255,52)

#ff3300

#ff3300
rgb(255,51,0)

#3400ff

#3400ff
rgb(52,0,255)

Cores tetrádicas

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

#4dff00

#4dff00
rgb(77,255,0)

#ff3300

#ff3300
rgb(255,51,0)

#00ccff

#00ccff
rgb(0,204,255)

#b300ff

#b300ff
rgb(179,0,255)

Cores monocromáticas

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

#ff3300

#ff3300
rgb(255,51,0)

#ffd3c7

#ffd3c7
rgb(255,211,199)

#ffd1c5

#ffd1c5
rgb(255,209,197)

#ffcfc2

#ffcfc2
rgb(255,207,194)

#ffccc0

#ffccc0
rgb(255,204,192)

#ffcabd

#ffcabd
rgb(255,202,189)

Tons e Matizes de #ff3300

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

Matiz (adicionando branco)
#ff3300

#ff3300
rgb(255,51,0)

#ff5b33

#ff5b33
rgb(255,91,51)

#ff8466

#ff8466
rgb(255,132,102)

#ffad99

#ffad99
rgb(255,173,153)

#ffd6cc

#ffd6cc
rgb(255,214,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ff3300

#ff3300
rgb(255,51,0)

#cc2800

#cc2800
rgb(204,40,0)

#991e00

#991e00
rgb(153,30,0)

#651400

#651400
rgb(101,20,0)

#320a00

#320a00
rgb(50,10,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ff3300

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ff3300.

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

Este elemento tem uma cor de borda de #ff3300.

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

Cores alietórias

#4fa603

#4fa603
rgb(79,166,3)

#eb9363

#eb9363
rgb(235,147,99)

#f3caa7

#f3caa7
rgb(243,202,167)

#34f2a6

#34f2a6
rgb(52,242,166)

#f4e9a6

#f4e9a6
rgb(244,233,166)

#b3f65a

#b3f65a
rgb(179,246,90)

#c91c34

#c91c34
rgb(201,28,52)

#aaa298

#aaa298
rgb(170,162,152)

#3ca688

#3ca688
rgb(60,166,136)

#3a34ea

#3a34ea
rgb(58,52,234)

#d56ca1

#d56ca1
rgb(213,108,161)

#f7bee2

#f7bee2
rgb(247,190,226)