HEX #F5BF50 color — Casablanca
The color #F5BF50 is a light shade and moderately saturated.
Palette
F5BF50 color palette from light to dark
| HEX |
RGB |
HSL |
| #fffdfa |
rgb(255,253,250) |
hsl(40,89%,99%) |
| #fdf4e2 |
rgb(253,244,226) |
hsl(40,89%,94%) |
| #fcebca |
rgb(252,235,202) |
hsl(40,89%,89%) |
| #fbe2b2 |
rgb(251,226,178) |
hsl(40,89%,84%) |
| #f9d99a |
rgb(249,217,154) |
hsl(40,89%,79%) |
| #f8d082 |
rgb(248,208,130) |
hsl(40,89%,74%) |
| #f6c76a |
rgb(246,199,106) |
hsl(40,89%,69%) |
| #f5be51 |
rgb(245,190,81) |
hsl(40,89%,64%) |
| #f3b539 |
rgb(243,181,57) |
hsl(40,89%,59%) |
| #f2ac21 |
rgb(242,172,33) |
hsl(40,89%,54%) |
| #eca20e |
rgb(236,162,14) |
hsl(40,89%,49%) |
| #d4910c |
rgb(212,145,12) |
hsl(40,89%,44%) |
| #bc810b |
rgb(188,129,11) |
hsl(40,89%,39%) |
| #a4700a |
rgb(164,112,10) |
hsl(40,89%,34%) |
| #8c6008 |
rgb(140,96,8) |
hsl(40,89%,29%) |
| #744f07 |
rgb(116,79,7) |
hsl(40,89%,24%) |
| #5c3f05 |
rgb(92,63,5) |
hsl(40,89%,19%) |
| #432e04 |
rgb(67,46,4) |
hsl(40,89%,14%) |
| #2b1e03 |
rgb(43,30,3) |
hsl(40,89%,9%) |
| #130d01 |
rgb(19,13,1) |
hsl(40,89%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #F55250 |
rgb(245,82,80) |
hsl(1,89%,64%) |
| #F5BF50 |
rgb(245,191,80) |
hsl(40,89%,64%) |
| #BDF550 |
rgb(189,245,80) |
hsl(80,89%,64%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FDF5E3 |
rgb(253,245,227) |
hsl(42,87%,94%) |
| #FAE3B2 |
rgb(250,227,178) |
hsl(41,88%,84%) |
| #F7D181 |
rgb(247,209,129) |
hsl(41,88%,74%) |
| #F5BF50 |
rgb(245,191,80) |
hsl(40,89%,64%) |
| #F2AD1E |
rgb(242,173,30) |
hsl(40,89%,53%) |
| #D1910B |
rgb(209,145,11) |
hsl(41,90%,43%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #F5BF50 |
rgb(245,191,80) |
hsl(40,89%,64%) |
| #50D9F5 |
rgb(80,217,245) |
hsl(190,89%,64%) |
| #6C4FF5 |
rgb(108,79,245) |
hsl(250,89%,64%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #F5BF50 |
rgb(245,191,80) |
hsl(40,89%,64%) |
| #5087F5 |
rgb(80,135,245) |
hsl(220,89%,64%) |
| #F56E50 |
rgb(245,110,80) |
hsl(11,89%,64%) |
| #6C4FF5 |
rgb(108,79,245) |
hsl(250,89%,64%) |
