HEX #F5BA54 color — Casablanca
The color #F5BA54 is a light shade and moderately saturated.
Palette
F5BA54 color palette from light to dark
HEX |
RGB |
HSL |
#fef5e7 |
rgb(254,245,231) |
hsl(38,89%,95%) |
#fceccf |
rgb(252,236,207) |
hsl(38,89%,90%) |
#fbe2b7 |
rgb(251,226,183) |
hsl(38,89%,85%) |
#f9d89f |
rgb(249,216,159) |
hsl(38,89%,80%) |
#f8ce87 |
rgb(248,206,135) |
hsl(38,89%,75%) |
#f7c56e |
rgb(247,197,110) |
hsl(38,89%,70%) |
#f5bb56 |
rgb(245,187,86) |
hsl(38,89%,65%) |
#f4b13e |
rgb(244,177,62) |
hsl(38,89%,60%) |
#f2a726 |
rgb(242,167,38) |
hsl(38,89%,55%) |
#f19e0e |
rgb(241,158,14) |
hsl(38,89%,50%) |
#d98e0d |
rgb(217,142,13) |
hsl(38,89%,45%) |
#c17e0b |
rgb(193,126,11) |
hsl(38,89%,40%) |
#a96e0a |
rgb(169,110,10) |
hsl(38,89%,35%) |
#915f08 |
rgb(145,95,8) |
hsl(38,89%,30%) |
#784f07 |
rgb(120,79,7) |
hsl(38,89%,25%) |
#603f06 |
rgb(96,63,6) |
hsl(38,89%,20%) |
#482f04 |
rgb(72,47,4) |
hsl(38,89%,15%) |
#302003 |
rgb(48,32,3) |
hsl(38,89%,10%) |
#181001 |
rgb(24,16,1) |
hsl(38,89%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#F55459 |
rgb(245,84,89) |
hsl(358,89%,65%) |
#F5BA54 |
rgb(245,186,84) |
hsl(38,89%,65%) |
#C4F554 |
rgb(196,245,84) |
hsl(78,89%,65%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FDF7E9 |
rgb(253,247,233) |
hsl(42,83%,95%) |
#FAE3B7 |
rgb(250,227,183) |
hsl(39,87%,85%) |
#F7CF85 |
rgb(247,207,133) |
hsl(39,88%,75%) |
#F5BA54 |
rgb(245,186,84) |
hsl(38,89%,65%) |
#F2A622 |
rgb(242,166,34) |
hsl(38,89%,54%) |
#D38A0C |
rgb(211,138,12) |
hsl(38,89%,44%) |
Triad color palettes
HEX |
RGB |
HSL |
#F5BA54 |
rgb(245,186,84) |
hsl(38,89%,65%) |
#54E0F5 |
rgb(84,224,245) |
hsl(188,89%,65%) |
#6954F5 |
rgb(105,84,245) |
hsl(248,89%,65%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F5BA54 |
rgb(245,186,84) |
hsl(38,89%,65%) |
#548FF5 |
rgb(84,143,245) |
hsl(218,89%,65%) |
#F56954 |
rgb(245,105,84) |
hsl(8,89%,65%) |
#6954F5 |
rgb(105,84,245) |
hsl(248,89%,65%) |