HEX #FF5A1F color — Orange
The color #ff5a1f is a light shade and highly saturated.
Palette
ff5a1f color palette from light to dark
HEX |
RGB |
HSL |
#fff0eb |
rgb(255,240,235) |
hsl(16,100%,96%) |
#ffddd1 |
rgb(255,221,209) |
hsl(16,100%,91%) |
#ffcbb8 |
rgb(255,203,184) |
hsl(16,100%,86%) |
#ffb89e |
rgb(255,184,158) |
hsl(16,100%,81%) |
#ffa585 |
rgb(255,165,133) |
hsl(16,100%,76%) |
#ff936b |
rgb(255,147,107) |
hsl(16,100%,71%) |
#ff8052 |
rgb(255,128,82) |
hsl(16,100%,66%) |
#ff6d38 |
rgb(255,109,56) |
hsl(16,100%,61%) |
#ff5a1f |
rgb(255,90,31) |
hsl(16,100%,56%) |
#ff4805 |
rgb(255,72,5) |
hsl(16,100%,51%) |
#eb3f00 |
rgb(235,63,0) |
hsl(16,100%,46%) |
#d13800 |
rgb(209,56,0) |
hsl(16,100%,41%) |
#b83100 |
rgb(184,49,0) |
hsl(16,100%,36%) |
#9e2a00 |
rgb(158,42,0) |
hsl(16,100%,31%) |
#852300 |
rgb(133,35,0) |
hsl(16,100%,26%) |
#6b1d00 |
rgb(107,29,0) |
hsl(16,100%,21%) |
#521600 |
rgb(82,22,0) |
hsl(16,100%,16%) |
#380f00 |
rgb(56,15,0) |
hsl(16,100%,11%) |
#1f0800 |
rgb(31,8,0) |
hsl(16,100%,6%) |
#050100 |
rgb(5,1,0) |
hsl(16,100%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#FF1F79 |
rgb(255,31,121) |
hsl(336,100%,56%) |
#FF5A1F |
rgb(255,90,31) |
hsl(16,100%,56%) |
#FFF01F |
rgb(255,240,31) |
hsl(56,100%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FF9E7A |
rgb(255,158,122) |
hsl(16,100%,74%) |
#FF7D4C |
rgb(255,125,76) |
hsl(16,100%,65%) |
#FF5A1F |
rgb(255,90,31) |
hsl(16,100%,56%) |
#F04000 |
rgb(240,64,0) |
hsl(16,100%,47%) |
#C23300 |
rgb(194,51,0) |
hsl(16,100%,38%) |
#942600 |
rgb(148,38,0) |
hsl(15,100%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#FF5A1F |
rgb(255,90,31) |
hsl(16,100%,56%) |
#1FFFCA |
rgb(31,255,202) |
hsl(166,100%,56%) |
#1F54FF |
rgb(31,84,255) |
hsl(226,100%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#FF5A1F |
rgb(255,90,31) |
hsl(16,100%,56%) |
#1FC4FF |
rgb(31,196,255) |
hsl(196,100%,56%) |
#FF1F54 |
rgb(255,31,84) |
hsl(346,100%,56%) |
#1F54FF |
rgb(31,84,255) |
hsl(226,100%,56%) |