HEX #F5BA50 color — Casablanca
The color #F5BA50 is a light shade and moderately saturated.
Palette
F5BA50 color palette from light to dark
HEX |
RGB |
HSL |
#fffdfa |
rgb(255,253,250) |
hsl(39,89%,99%) |
#fdf4e2 |
rgb(253,244,226) |
hsl(39,89%,94%) |
#fceaca |
rgb(252,234,202) |
hsl(39,89%,89%) |
#fbe1b2 |
rgb(251,225,178) |
hsl(39,89%,84%) |
#f9d89a |
rgb(249,216,154) |
hsl(39,89%,79%) |
#f8ce82 |
rgb(248,206,130) |
hsl(39,89%,74%) |
#f6c56a |
rgb(246,197,106) |
hsl(39,89%,69%) |
#f5bc51 |
rgb(245,188,81) |
hsl(39,89%,64%) |
#f3b239 |
rgb(243,178,57) |
hsl(39,89%,59%) |
#f2a921 |
rgb(242,169,33) |
hsl(39,89%,54%) |
#ec9e0e |
rgb(236,158,14) |
hsl(39,89%,49%) |
#d48e0c |
rgb(212,142,12) |
hsl(39,89%,44%) |
#bc7e0b |
rgb(188,126,11) |
hsl(39,89%,39%) |
#a46e0a |
rgb(164,110,10) |
hsl(39,89%,34%) |
#8c5e08 |
rgb(140,94,8) |
hsl(39,89%,29%) |
#744e07 |
rgb(116,78,7) |
hsl(39,89%,24%) |
#5c3d05 |
rgb(92,61,5) |
hsl(39,89%,19%) |
#432d04 |
rgb(67,45,4) |
hsl(39,89%,14%) |
#2b1d03 |
rgb(43,29,3) |
hsl(39,89%,9%) |
#130d01 |
rgb(19,13,1) |
hsl(39,89%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#F54F54 |
rgb(245,79,84) |
hsl(358,89%,64%) |
#F5BA50 |
rgb(245,186,80) |
hsl(39,89%,64%) |
#C2F550 |
rgb(194,245,80) |
hsl(79,89%,64%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FDF5E3 |
rgb(253,245,227) |
hsl(42,87%,94%) |
#FAE0B2 |
rgb(250,224,178) |
hsl(38,88%,84%) |
#F7CF81 |
rgb(247,207,129) |
hsl(40,88%,74%) |
#F5BA50 |
rgb(245,186,80) |
hsl(39,89%,64%) |
#F2A61E |
rgb(242,166,30) |
hsl(38,89%,53%) |
#D18A0B |
rgb(209,138,11) |
hsl(38,90%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#F5BA50 |
rgb(245,186,80) |
hsl(39,89%,64%) |
#50DEF5 |
rgb(80,222,245) |
hsl(188,89%,64%) |
#674FF5 |
rgb(103,79,245) |
hsl(249,89%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F5BA50 |
rgb(245,186,80) |
hsl(39,89%,64%) |
#508CF5 |
rgb(80,140,245) |
hsl(218,89%,64%) |
#F56950 |
rgb(245,105,80) |
hsl(9,89%,64%) |
#674FF5 |
rgb(103,79,245) |
hsl(249,89%,64%) |