HEX #F4BA45 color — Casablanca
The color #F4BA45 is a light shade and moderately saturated.
Palette
F4BA45 color palette from light to dark
HEX |
RGB |
HSL |
#fef8ec |
rgb(254,248,236) |
hsl(40,89%,96%) |
#fcefd4 |
rgb(252,239,212) |
hsl(40,89%,91%) |
#fbe6bc |
rgb(251,230,188) |
hsl(40,89%,86%) |
#fadda3 |
rgb(250,221,163) |
hsl(40,89%,81%) |
#f8d48b |
rgb(248,212,139) |
hsl(40,89%,76%) |
#f7cb73 |
rgb(247,203,115) |
hsl(40,89%,71%) |
#f5c25b |
rgb(245,194,91) |
hsl(40,89%,66%) |
#f4b943 |
rgb(244,185,67) |
hsl(40,89%,61%) |
#f3b02b |
rgb(243,176,43) |
hsl(40,89%,56%) |
#f1a713 |
rgb(241,167,19) |
hsl(40,89%,51%) |
#de980d |
rgb(222,152,13) |
hsl(40,89%,46%) |
#c6880c |
rgb(198,136,12) |
hsl(40,89%,41%) |
#ae770a |
rgb(174,119,10) |
hsl(40,89%,36%) |
#956709 |
rgb(149,103,9) |
hsl(40,89%,31%) |
#7d5607 |
rgb(125,86,7) |
hsl(40,89%,26%) |
#654506 |
rgb(101,69,6) |
hsl(40,89%,21%) |
#4d3504 |
rgb(77,53,4) |
hsl(40,89%,16%) |
#352403 |
rgb(53,36,3) |
hsl(40,89%,11%) |
#1d1402 |
rgb(29,20,2) |
hsl(40,89%,6%) |
#050300 |
rgb(5,3,0) |
hsl(40,89%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#F44545 |
rgb(244,69,69) |
hsl(360,89%,61%) |
#F4BA45 |
rgb(244,186,69) |
hsl(40,89%,61%) |
#B9F545 |
rgb(185,245,69) |
hsl(80,90%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FCF0D2 |
rgb(252,240,210) |
hsl(43,88%,91%) |
#F9DEA3 |
rgb(249,222,163) |
hsl(41,88%,81%) |
#F6CC74 |
rgb(246,204,116) |
hsl(41,88%,71%) |
#F4BA45 |
rgb(244,186,69) |
hsl(40,89%,61%) |
#F1A815 |
rgb(241,168,21) |
hsl(40,89%,51%) |
#C88A0B |
rgb(200,138,11) |
hsl(40,90%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#F4BA45 |
rgb(244,186,69) |
hsl(40,89%,61%) |
#45D6F4 |
rgb(69,214,244) |
hsl(190,89%,61%) |
#6245F4 |
rgb(98,69,244) |
hsl(250,89%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F4BA45 |
rgb(244,186,69) |
hsl(40,89%,61%) |
#4580F4 |
rgb(69,128,244) |
hsl(220,89%,61%) |
#F46345 |
rgb(244,99,69) |
hsl(10,89%,61%) |
#6245F4 |
rgb(98,69,244) |
hsl(250,89%,61%) |