HEX #FF6312 color — Orange
The color #FF6312 is a light shade and highly saturated.
Palette
FF6312 color palette from light to dark
HEX |
RGB |
HSL |
#fffcfa |
rgb(255,252,250) |
hsl(21,100%,99%) |
#ffebe0 |
rgb(255,235,224) |
hsl(21,100%,94%) |
#ffdbc7 |
rgb(255,219,199) |
hsl(21,100%,89%) |
#ffcaad |
rgb(255,202,173) |
hsl(21,100%,84%) |
#ffb994 |
rgb(255,185,148) |
hsl(21,100%,79%) |
#ffa97a |
rgb(255,169,122) |
hsl(21,100%,74%) |
#ff9861 |
rgb(255,152,97) |
hsl(21,100%,69%) |
#ff8847 |
rgb(255,136,71) |
hsl(21,100%,64%) |
#ff772e |
rgb(255,119,46) |
hsl(21,100%,59%) |
#ff6714 |
rgb(255,103,20) |
hsl(21,100%,54%) |
#fa5700 |
rgb(250,87,0) |
hsl(21,100%,49%) |
#e04f00 |
rgb(224,79,0) |
hsl(21,100%,44%) |
#c74600 |
rgb(199,70,0) |
hsl(21,100%,39%) |
#ad3d00 |
rgb(173,61,0) |
hsl(21,100%,34%) |
#943400 |
rgb(148,52,0) |
hsl(21,100%,29%) |
#7a2b00 |
rgb(122,43,0) |
hsl(21,100%,24%) |
#612200 |
rgb(97,34,0) |
hsl(21,100%,19%) |
#471900 |
rgb(71,25,0) |
hsl(21,100%,14%) |
#2e1000 |
rgb(46,16,0) |
hsl(21,100%,9%) |
#140700 |
rgb(20,7,0) |
hsl(21,100%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#FF125F |
rgb(255,18,95) |
hsl(341,100%,54%) |
#FF6312 |
rgb(255,99,18) |
hsl(21,100%,54%) |
#FDFF12 |
rgb(253,255,18) |
hsl(61,100%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FF9C69 |
rgb(255,156,105) |
hsl(20,100%,71%) |
#FF803D |
rgb(255,128,61) |
hsl(21,100%,62%) |
#FF6312 |
rgb(255,99,18) |
hsl(21,100%,54%) |
#E54F00 |
rgb(229,79,0) |
hsl(21,100%,45%) |
#B94000 |
rgb(185,64,0) |
hsl(21,100%,36%) |
#8D3000 |
rgb(141,48,0) |
hsl(20,100%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#FF6312 |
rgb(255,99,18) |
hsl(21,100%,54%) |
#12FFD9 |
rgb(18,255,217) |
hsl(170,100%,54%) |
#1238FF |
rgb(18,56,255) |
hsl(230,100%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#FF6312 |
rgb(255,99,18) |
hsl(21,100%,54%) |
#12ADFF |
rgb(18,173,255) |
hsl(201,100%,54%) |
#FF1237 |
rgb(255,18,55) |
hsl(351,100%,54%) |
#1238FF |
rgb(18,56,255) |
hsl(230,100%,54%) |