Informação da cor #ff8c00

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

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

A cor mais próxima WebSafe é FF6600.

Conversões de #ff8c00 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 ff8c00
RGB 255, 140, 0
RGB Percentagem 100%, 54.9%, 0%
CMYK 0, 0.45, 1, 0
HSL 32.9°, 100%, 50%
HSV (ou HSB) 32.9°, 100%, 100%
RYB 82.4, 100, 0
Formato Cor
XYZ 51.7, 42.2, 5.4
CIELab 71.03, 33.09, 76.46
Decimal 16747520
Yxy 40.0222, 0.529, 0.4182
YUV 158.425, 38.5954, 196.8837
CIELuv 69.4853, 95.8789, 65.3957
Web Safe FF6600

Distribuição de #ff8c00

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.

#ff8c00

#ff8c00
rgb(255,140,0)

#0073ff

#0073ff
rgb(0,115,255)

Cores triadicas

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

#00ff8d

#00ff8d
rgb(0,255,141)

#ff8c00

#ff8c00
rgb(255,140,0)

#8d00ff

#8d00ff
rgb(141,0,255)

Cores tetrádicas

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

#00ff0d

#00ff0d
rgb(0,255,13)

#ff8c00

#ff8c00
rgb(255,140,0)

#0073ff

#0073ff
rgb(0,115,255)

#ff00f3

#ff00f3
rgb(255,0,243)

Cores monocromáticas

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

#ff8c00

#ff8c00
rgb(255,140,0)

#ffe6c7

#ffe6c7
rgb(255,230,199)

#ffe5c5

#ffe5c5
rgb(255,229,197)

#ffe4c2

#ffe4c2
rgb(255,228,194)

#ffe3c0

#ffe3c0
rgb(255,227,192)

#ffe2bd

#ffe2bd
rgb(255,226,189)

Tons e Matizes de #ff8c00

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

Matiz (adicionando branco)
#ff8c00

#ff8c00
rgb(255,140,0)

#ffa333

#ffa333
rgb(255,163,51)

#ffba66

#ffba66
rgb(255,186,102)

#ffd199

#ffd199
rgb(255,209,153)

#ffe8cc

#ffe8cc
rgb(255,232,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ff8c00

#ff8c00
rgb(255,140,0)

#cc7000

#cc7000
rgb(204,112,0)

#995400

#995400
rgb(153,84,0)

#653700

#653700
rgb(101,55,0)

#321b00

#321b00
rgb(50,27,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ff8c00

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ff8c00.

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

Este elemento tem uma cor de borda de #ff8c00.

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

Cores alietórias

#e4d8f2

#e4d8f2
rgb(228,216,242)

#4d865e

#4d865e
rgb(77,134,94)

#2adac0

#2adac0
rgb(42,218,192)

#3d92d0

#3d92d0
rgb(61,146,208)

#3e520a

#3e520a
rgb(62,82,10)

#7ff0fb

#7ff0fb
rgb(127,240,251)

#d25a82

#d25a82
rgb(210,90,130)

#b9d0f8

#b9d0f8
rgb(185,208,248)

#df78dc

#df78dc
rgb(223,120,220)

#05bed5

#05bed5
rgb(5,190,213)

#225164

#225164
rgb(34,81,100)

#94d002

#94d002
rgb(148,208,2)