18 Tons diferentes de Laranja (+ códigos HEX)
Explore todos os tons de laranja, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores laranja. Clique em qualquer tom para copiar o código.
O laranja é a cor mais física de todas: apetite, aviso, esporte, diversão barata ou couro de luxo, dependendo de quão escuro e saturado esteja.
Um laranja brilhante pede texto quase preto; três passos mais escuro, vira uma cor de marca utilizável com branco em cima.
- early dawn#fff8eb
- papaya whip#ffefd2
- peach#ffe7ba
- cream brulee#ffdea1
- grandis#ffd689
- goldenrod#ffcd70
- golden tainoi#ffc558
- yellow orange#ffbc40
- my sin#ffb327
- sun#ffab0f
- orange peel#f59f00
- tangerine#dd9000
- pirate gold#c48000
- chelsea gem#946000
- cinnamon#7b5000
- nutmeg wood finish#634000
- cola#4a3000
- nero#1a1100
Laranja: códigos HEX e RGB
laranja tem os seguintes códigos de cor principais:
HEX: #fff8eb
RGB: (255, 248, 235).
Explore uma ampla gama de tons de laranja no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de laranja
Early Dawn
#fff8eb
Early Dawn
#fff8eb
Bridal Heath
#fff9f0
Bridal Heath
#fffaf0
Quarter Pearl Lusta
#fffcf5
Bridal Heath
#fffbf5
Bridal Heath
#fffbf5
Romance
#fffdfa
Black White
#fffefa
White
#ffffff
Explore os tons mais escuros de laranja
Clinker
#342509
Punga
#4c3915
Dallas
#654d25
Yellow Metal
#81683b
Barley Corn
#9b8255
Mongoose
#b49c74
Sorrell Brown
#ccb894
Stark White
#e5d7bd
laranja em HEX, RGB, HSL e CMYK
| HEX | #FFA500 | |
|---|---|---|
| RGB | rgb(255, 165, 0) | |
| HSL | hsl(39, 100%, 50%) | |
| CMYK | cmyk(0%, 35%, 100%, 0%) |
Tons claros e escuros de laranja
Os tons claros somam branco e os escuros somam preto, sem mudar o matiz. Servem para estados hover, bordas e fundos que precisam continuar sendo da mesma cor.
Mais claros
#ffb327
#ffc14e
#ffcf75
#ffdc9c
#ffeac4
#fff8eb
Mais escuros
#d88c00
#b17300
#8a5a00
#634000
#3b2700
#140d00
Cores que combinam com laranja
Complementar
#FFA500 #0059ff
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#ff2600 #FFA500 #d9ff00
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#FFA500 #00ffa6 #a600ff
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre laranja
Medido pelas WCAG: 4.5:1 para texto normal e 3:1 para texto grande. Teste a sua própria combinação no Verificador de contraste
Tabela de tons de laranja
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.