HEX #FF6B30 color — Burning Orange

The color #FF6B30 is a light shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

FF6B30 color palette from light to dark

HEX RGB HSL
#fffbfa rgb(255,251,250) hsl(17,100%,99%)
#ffe9e0 rgb(255,233,224) hsl(17,100%,94%)
#ffd7c7 rgb(255,215,199) hsl(17,100%,89%)
#ffc5ad rgb(255,197,173) hsl(17,100%,84%)
#ffb294 rgb(255,178,148) hsl(17,100%,79%)
#ffa07a rgb(255,160,122) hsl(17,100%,74%)
#ff8e61 rgb(255,142,97) hsl(17,100%,69%)
#ff7b47 rgb(255,123,71) hsl(17,100%,64%)
#ff692e rgb(255,105,46) hsl(17,100%,59%)
#ff5714 rgb(255,87,20) hsl(17,100%,54%)
#fa4700 rgb(250,71,0) hsl(17,100%,49%)
#e04000 rgb(224,64,0) hsl(17,100%,44%)
#c73800 rgb(199,56,0) hsl(17,100%,39%)
#ad3100 rgb(173,49,0) hsl(17,100%,34%)
#942a00 rgb(148,42,0) hsl(17,100%,29%)
#7a2300 rgb(122,35,0) hsl(17,100%,24%)
#611b00 rgb(97,27,0) hsl(17,100%,19%)
#471400 rgb(71,20,0) hsl(17,100%,14%)
#2e0d00 rgb(46,13,0) hsl(17,100%,9%)
#140600 rgb(20,6,0) hsl(17,100%,4%)

Adjacent colors

HEX RGB HSL
#FF307F rgb(255,48,127) hsl(337,100%,59%)
#FF6B30 rgb(255,107,48) hsl(17,100%,59%)
#FFF530 rgb(255,245,48) hsl(57,100%,59%)

Monochromatic colors

HEX RGB HSL
#FFB090 rgb(255,176,144) hsl(17,100%,78%)
#FF8F60 rgb(255,143,96) hsl(18,100%,69%)
#FF6B30 rgb(255,107,48) hsl(17,100%,59%)
#FE4700 rgb(254,71,0) hsl(17,100%,50%)
#CE3B00 rgb(206,59,0) hsl(17,100%,40%)
#9D2E00 rgb(157,46,0) hsl(18,100%,31%)

Triad color palettes

HEX RGB HSL
#FF6B30 rgb(255,107,48) hsl(17,100%,59%)
#30FFD2 rgb(48,255,210) hsl(167,100%,59%)
#305CFF rgb(48,92,255) hsl(227,100%,59%)

Tetrad color palettes

HEX RGB HSL
#FF6B30 rgb(255,107,48) hsl(17,100%,59%)
#30C4FF rgb(48,196,255) hsl(197,100%,59%)
#FF305C rgb(255,48,92) hsl(347,100%,59%)
#305CFF rgb(48,92,255) hsl(227,100%,59%)