Tonos de Naranja: 18 Tipos y HEX
Estos son los 18 tonos de naranja más usados, del más claro al más oscuro.
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 naranja 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.