Informação da cor #ffa500

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

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

A cor mais próxima WebSafe é FF9900.

Conversões de #ffa500 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 ffa500
RGB 255, 165, 0
RGB Percentagem 100%, 64.7%, 0%
CMYK 0, 0.35, 1, 0
HSL 38.8°, 100%, 50%
HSV (ou HSB) 38.8°, 100%, 100%
RYB 54.9, 100, 0
Formato Cor
XYZ 55.8, 50.5, 6.8
CIELab 76.35, 20.71, 79.89
Decimal 16753920
Yxy 48.1758, 0.5005, 0.4408
YUV 173.1, 30.3138, 186.4165
CIELuv 74.9356, 74.8451, 73.998
Web Safe FF9900

Distribuição de #ffa500

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.

#ffa500

#ffa500
rgb(255,165,0)

#005aff

#005aff
rgb(0,90,255)

Cores triadicas

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

#00ffa6

#00ffa6
rgb(0,255,166)

#ffa500

#ffa500
rgb(255,165,0)

#a600ff

#a600ff
rgb(166,0,255)

Cores tetrádicas

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

#00ff26

#00ff26
rgb(0,255,38)

#ffa500

#ffa500
rgb(255,165,0)

#005aff

#005aff
rgb(0,90,255)

#ff00da

#ff00da
rgb(255,0,218)

Cores monocromáticas

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

#ffa500

#ffa500
rgb(255,165,0)

#ffecc7

#ffecc7
rgb(255,236,199)

#ffebc5

#ffebc5
rgb(255,235,197)

#ffeac2

#ffeac2
rgb(255,234,194)

#ffe9c0

#ffe9c0
rgb(255,233,192)

#ffe8bd

#ffe8bd
rgb(255,232,189)

Tons e Matizes de #ffa500

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

Matiz (adicionando branco)
#ffa500

#ffa500
rgb(255,165,0)

#ffb733

#ffb733
rgb(255,183,51)

#ffc966

#ffc966
rgb(255,201,102)

#ffdb99

#ffdb99
rgb(255,219,153)

#ffedcc

#ffedcc
rgb(255,237,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ffa500

#ffa500
rgb(255,165,0)

#cc8400

#cc8400
rgb(204,132,0)

#996300

#996300
rgb(153,99,0)

#654100

#654100
rgb(101,65,0)

#322000

#322000
rgb(50,32,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ffa500

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ffa500.

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

Este elemento tem uma cor de borda de #ffa500.

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

Cores alietórias

#46b5ac

#46b5ac
rgb(70,181,172)

#82b0b4

#82b0b4
rgb(130,176,180)

#9e7e74

#9e7e74
rgb(158,126,116)

#bb5fe0

#bb5fe0
rgb(187,95,224)

#27f2c8

#27f2c8
rgb(39,242,200)

#b00e29

#b00e29
rgb(176,14,41)

#a469ca

#a469ca
rgb(164,105,202)

#dc842d

#dc842d
rgb(220,132,45)

#25c27b

#25c27b
rgb(37,194,123)

#2aae83

#2aae83
rgb(42,174,131)

#4e6624

#4e6624
rgb(78,102,36)

#1fc192

#1fc192
rgb(31,193,146)