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

#c6975d

#c6975d
rgb(198,151,93)

#eb0e5d

#eb0e5d
rgb(235,14,93)

#690077

#690077
rgb(105,0,119)

#cc547a

#cc547a
rgb(204,84,122)

#573725

#573725
rgb(87,55,37)

#0cc7b1

#0cc7b1
rgb(12,199,177)

#c2368f

#c2368f
rgb(194,54,143)

#9b4650

#9b4650
rgb(155,70,80)

#35c7da

#35c7da
rgb(53,199,218)

#53b525

#53b525
rgb(83,181,37)

#a27302

#a27302
rgb(162,115,2)

#ce452f

#ce452f
rgb(206,69,47)