18 Tonos Diferentes de Color Naranja (+ Códigos HEX)
Explora todos los tonos de naranja, desde los más claros hasta los más oscuros. Consulta los códigos HEX, los nombres de los tonos y las paletas de colores naranja. Haz clic en cualquier tono para copiar su código HEX.
El naranja es el color más físico: apetito, advertencia, deporte, diversión barata o cuero de lujo, según su oscuridad y su saturación.
Un naranja brillante pide texto casi negro; bájalo tres pasos y se vuelve un color de marca usable con blanco encima.
- 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
Naranja: Códigos HEX y RGB
naranja tiene los siguientes códigos de color principales:
HEX: #fff8eb
RGB: (255, 248, 235).
Explora una amplia gama de tonos de con nuestro selector de colores interactivo. ¡Haz clic en cualquier color para copiar su código HEX y usarlo en tu proyecto!
Explora los tonos más claros de naranja
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
Explora los tonos más oscuros de naranja
Clinker
#342509
Punga
#4c3915
Dallas
#654d25
Yellow Metal
#81683b
Barley Corn
#9b8255
Mongoose
#b49c74
Sorrell Brown
#ccb894
Stark White
#e5d7bd
naranja en HEX, RGB, HSL y CMYK
| HEX | #FFA500 | |
|---|---|---|
| RGB | rgb(255, 165, 0) | |
| HSL | hsl(39, 100%, 50%) | |
| CMYK | cmyk(0%, 35%, 100%, 0%) |
Tonos claros y oscuros de naranja
Los tonos claros suman blanco y los oscuros suman negro, sin cambiar el matiz. Sirven para estados hover, bordes y fondos que deben seguir siendo del mismo color.
Más claros
#ffb327
#ffc14e
#ffcf75
#ffdc9c
#ffeac4
#fff8eb
Más oscuros
#d88c00
#b17300
#8a5a00
#634000
#3b2700
#140d00
Colores que combinan con naranja
Complementario
#FFA500 #0059ff
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#ff2600 #FFA500 #d9ff00
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#FFA500 #00ffa6 #a600ff
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre naranja
Medido según las WCAG: 4.5:1 para texto normal y 3:1 para texto grande. Prueba tu propia combinación en el Verificador de contraste
Carta de tonos de naranja
Haz clic derecho para guardar la carta, o copia los códigos de arriba.