HEX #F5AE56 color — Casablanca
The color #f5ae56 is a light shade and moderately saturated.
Palette
f5ae56 color palette from light to dark
HEX |
RGB |
HSL |
#fef3e7 |
rgb(254,243,231) |
hsl(33,89%,95%) |
#fce8cf |
rgb(252,232,207) |
hsl(33,89%,90%) |
#fbdcb7 |
rgb(251,220,183) |
hsl(33,89%,85%) |
#f9d19f |
rgb(249,209,159) |
hsl(33,89%,80%) |
#f8c587 |
rgb(248,197,135) |
hsl(33,89%,75%) |
#f7b96e |
rgb(247,185,110) |
hsl(33,89%,70%) |
#f5ae56 |
rgb(245,174,86) |
hsl(33,89%,65%) |
#f4a23e |
rgb(244,162,62) |
hsl(33,89%,60%) |
#f29626 |
rgb(242,150,38) |
hsl(33,89%,55%) |
#f18b0e |
rgb(241,139,14) |
hsl(33,89%,50%) |
#d97d0d |
rgb(217,125,13) |
hsl(33,89%,45%) |
#c16f0b |
rgb(193,111,11) |
hsl(33,89%,40%) |
#a9610a |
rgb(169,97,10) |
hsl(33,89%,35%) |
#915308 |
rgb(145,83,8) |
hsl(33,89%,30%) |
#784507 |
rgb(120,69,7) |
hsl(33,89%,25%) |
#603806 |
rgb(96,56,6) |
hsl(33,89%,20%) |
#482a04 |
rgb(72,42,4) |
hsl(33,89%,15%) |
#301c03 |
rgb(48,28,3) |
hsl(33,89%,10%) |
#180e01 |
rgb(24,14,1) |
hsl(33,89%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#F55768 |
rgb(245,87,104) |
hsl(354,89%,65%) |
#F5AE56 |
rgb(245,174,86) |
hsl(33,89%,65%) |
#D2F556 |
rgb(210,245,86) |
hsl(73,89%,65%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FDF5EC |
rgb(253,245,236) |
hsl(32,81%,96%) |
#FADEBA |
rgb(250,222,186) |
hsl(34,86%,85%) |
#F7C788 |
rgb(247,199,136) |
hsl(34,87%,75%) |
#F5AE56 |
rgb(245,174,86) |
hsl(33,89%,65%) |
#F29624 |
rgb(242,150,36) |
hsl(33,89%,55%) |
#D47A0C |
rgb(212,122,12) |
hsl(33,89%,44%) |
Triad color palettes
HEX |
RGB |
HSL |
#F5AE56 |
rgb(245,174,86) |
hsl(33,89%,65%) |
#56EDF5 |
rgb(86,237,245) |
hsl(183,89%,65%) |
#5E57F5 |
rgb(94,87,245) |
hsl(243,89%,65%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F5AE56 |
rgb(245,174,86) |
hsl(33,89%,65%) |
#569EF5 |
rgb(86,158,245) |
hsl(213,89%,65%) |
#F55E56 |
rgb(245,94,86) |
hsl(3,89%,65%) |
#5E57F5 |
rgb(94,87,245) |
hsl(243,89%,65%) |