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

#9aeafb

#9aeafb
rgb(154,234,251)

#e88998

#e88998
rgb(232,137,152)

#71c9ec

#71c9ec
rgb(113,201,236)

#5d32f0

#5d32f0
rgb(93,50,240)

#d71016

#d71016
rgb(215,16,22)

#1c53d2

#1c53d2
rgb(28,83,210)

#34b9e9

#34b9e9
rgb(52,185,233)

#b14a61

#b14a61
rgb(177,74,97)

#4df0cc

#4df0cc
rgb(77,240,204)

#d5c705

#d5c705
rgb(213,199,5)

#579420

#579420
rgb(87,148,32)

#c916de

#c916de
rgb(201,22,222)