HEX #F5B356 color — Casablanca
The color #f5b356 is a light shade and moderately saturated.
Palette
f5b356 color palette from light to dark
HEX |
RGB |
HSL |
#fef4e7 |
rgb(254,244,231) |
hsl(35,89%,95%) |
#fce9cf |
rgb(252,233,207) |
hsl(35,89%,90%) |
#fbdeb7 |
rgb(251,222,183) |
hsl(35,89%,85%) |
#f9d49f |
rgb(249,212,159) |
hsl(35,89%,80%) |
#f8c987 |
rgb(248,201,135) |
hsl(35,89%,75%) |
#f7be6e |
rgb(247,190,110) |
hsl(35,89%,70%) |
#f5b356 |
rgb(245,179,86) |
hsl(35,89%,65%) |
#f4a83e |
rgb(244,168,62) |
hsl(35,89%,60%) |
#f29d26 |
rgb(242,157,38) |
hsl(35,89%,55%) |
#f1920e |
rgb(241,146,14) |
hsl(35,89%,50%) |
#d9840d |
rgb(217,132,13) |
hsl(35,89%,45%) |
#c1750b |
rgb(193,117,11) |
hsl(35,89%,40%) |
#a9660a |
rgb(169,102,10) |
hsl(35,89%,35%) |
#915808 |
rgb(145,88,8) |
hsl(35,89%,30%) |
#784907 |
rgb(120,73,7) |
hsl(35,89%,25%) |
#603b06 |
rgb(96,59,6) |
hsl(35,89%,20%) |
#482c04 |
rgb(72,44,4) |
hsl(35,89%,15%) |
#301d03 |
rgb(48,29,3) |
hsl(35,89%,10%) |
#180f01 |
rgb(24,15,1) |
hsl(35,89%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#F55763 |
rgb(245,87,99) |
hsl(355,89%,65%) |
#F5B356 |
rgb(245,179,86) |
hsl(35,89%,65%) |
#CDF556 |
rgb(205,245,86) |
hsl(75,89%,65%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FDF7EC |
rgb(253,247,236) |
hsl(39,81%,96%) |
#FAE0BA |
rgb(250,224,186) |
hsl(36,86%,85%) |
#F7C988 |
rgb(247,201,136) |
hsl(35,87%,75%) |
#F5B356 |
rgb(245,179,86) |
hsl(35,89%,65%) |
#F29C24 |
rgb(242,156,36) |
hsl(35,89%,55%) |
#D4820C |
rgb(212,130,12) |
hsl(35,89%,44%) |
Triad color palettes
HEX |
RGB |
HSL |
#F5B356 |
rgb(245,179,86) |
hsl(35,89%,65%) |
#56E8F5 |
rgb(86,232,245) |
hsl(185,89%,65%) |
#6357F5 |
rgb(99,87,245) |
hsl(245,89%,65%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F5B356 |
rgb(245,179,86) |
hsl(35,89%,65%) |
#5699F5 |
rgb(86,153,245) |
hsl(215,89%,65%) |
#F56356 |
rgb(245,99,86) |
hsl(5,89%,65%) |
#6357F5 |
rgb(99,87,245) |
hsl(245,89%,65%) |