HEX #F5BA46 color — Casablanca
The color #F5BA46 is a light shade and moderately saturated.
Palette
F5BA46 color palette from light to dark
| HEX |
RGB |
HSL |
| #fefaf0 |
rgb(254,250,240) |
hsl(40,90%,97%) |
| #fdf1d8 |
rgb(253,241,216) |
hsl(40,90%,92%) |
| #fce8c0 |
rgb(252,232,192) |
hsl(40,90%,87%) |
| #fadfa8 |
rgb(250,223,168) |
hsl(40,90%,82%) |
| #f9d690 |
rgb(249,214,144) |
hsl(40,90%,77%) |
| #f8cd77 |
rgb(248,205,119) |
hsl(40,90%,72%) |
| #f7c45f |
rgb(247,196,95) |
hsl(40,90%,67%) |
| #f5bb47 |
rgb(245,187,71) |
hsl(40,90%,62%) |
| #f4b22f |
rgb(244,178,47) |
hsl(40,90%,57%) |
| #f3a916 |
rgb(243,169,22) |
hsl(40,90%,52%) |
| #e49c0c |
rgb(228,156,12) |
hsl(40,90%,47%) |
| #cb8b0b |
rgb(203,139,11) |
hsl(40,90%,42%) |
| #b37b09 |
rgb(179,123,9) |
hsl(40,90%,37%) |
| #9b6a08 |
rgb(155,106,8) |
hsl(40,90%,32%) |
| #835a07 |
rgb(131,90,7) |
hsl(40,90%,27%) |
| #6b4906 |
rgb(107,73,6) |
hsl(40,90%,22%) |
| #523804 |
rgb(82,56,4) |
hsl(40,90%,17%) |
| #3a2803 |
rgb(58,40,3) |
hsl(40,90%,12%) |
| #221702 |
rgb(34,23,2) |
hsl(40,90%,7%) |
| #0a0701 |
rgb(10,7,1) |
hsl(40,90%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #F54546 |
rgb(245,69,70) |
hsl(360,90%,62%) |
| #F5BA46 |
rgb(245,186,70) |
hsl(40,90%,62%) |
| #BBF546 |
rgb(187,245,70) |
hsl(80,90%,62%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FCF0D5 |
rgb(252,240,213) |
hsl(42,87%,91%) |
| #FADEA5 |
rgb(250,222,165) |
hsl(40,89%,81%) |
| #F7CC75 |
rgb(247,204,117) |
hsl(40,89%,71%) |
| #F5BA46 |
rgb(245,186,70) |
hsl(40,90%,62%) |
| #F2A816 |
rgb(242,168,22) |
hsl(40,89%,52%) |
| #CB8A0A |
rgb(203,138,10) |
hsl(40,91%,42%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #F5BA46 |
rgb(245,186,70) |
hsl(40,90%,62%) |
| #46D9F5 |
rgb(70,217,245) |
hsl(190,90%,62%) |
| #6245F5 |
rgb(98,69,245) |
hsl(250,90%,62%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #F5BA46 |
rgb(245,186,70) |
hsl(40,90%,62%) |
| #4682F5 |
rgb(70,130,245) |
hsl(219,90%,62%) |
| #F56346 |
rgb(245,99,70) |
hsl(10,90%,62%) |
| #6245F5 |
rgb(98,69,245) |
hsl(250,90%,62%) |
