HEX #F5BD4D color — Casablanca
The color #f5bd4d is a light shade and moderately saturated.
Palette
f5bd4d color palette from light to dark
| HEX |
RGB |
HSL |
| #fefbf5 |
rgb(254,251,245) |
hsl(40,89%,98%) |
| #fdf2dd |
rgb(253,242,221) |
hsl(40,89%,93%) |
| #fce9c5 |
rgb(252,233,197) |
hsl(40,89%,88%) |
| #fae1ad |
rgb(250,225,173) |
hsl(40,89%,83%) |
| #f9d895 |
rgb(249,216,149) |
hsl(40,89%,78%) |
| #f7cf7d |
rgb(247,207,125) |
hsl(40,89%,73%) |
| #f6c665 |
rgb(246,198,101) |
hsl(40,89%,68%) |
| #f5bd4d |
rgb(245,189,77) |
hsl(40,89%,63%) |
| #f3b435 |
rgb(243,180,53) |
hsl(40,89%,58%) |
| #f2ab1c |
rgb(242,171,28) |
hsl(40,89%,53%) |
| #e79f0d |
rgb(231,159,13) |
hsl(40,89%,48%) |
| #cf8e0c |
rgb(207,142,12) |
hsl(40,89%,43%) |
| #b77e0b |
rgb(183,126,11) |
hsl(40,89%,38%) |
| #9f6d09 |
rgb(159,109,9) |
hsl(40,89%,33%) |
| #875d08 |
rgb(135,93,8) |
hsl(40,89%,28%) |
| #6f4c06 |
rgb(111,76,6) |
hsl(40,89%,23%) |
| #573c05 |
rgb(87,60,5) |
hsl(40,89%,18%) |
| #3f2b04 |
rgb(63,43,4) |
hsl(40,89%,13%) |
| #271a02 |
rgb(39,26,2) |
hsl(40,89%,8%) |
| #0e0a01 |
rgb(14,10,1) |
hsl(40,89%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #F54D4D |
rgb(245,77,77) |
hsl(360,89%,63%) |
| #F5BD4D |
rgb(245,189,77) |
hsl(40,89%,63%) |
| #BDF54D |
rgb(189,245,77) |
hsl(80,89%,63%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FDF2DF |
rgb(253,242,223) |
hsl(38,88%,93%) |
| #FAE0AE |
rgb(250,224,174) |
hsl(39,88%,83%) |
| #F7CF7D |
rgb(247,207,125) |
hsl(40,88%,73%) |
| #F5BD4D |
rgb(245,189,77) |
hsl(40,89%,63%) |
| #F2AB1C |
rgb(242,171,28) |
hsl(40,89%,53%) |
| #CF8F0B |
rgb(207,143,11) |
hsl(40,90%,43%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #F5BD4D |
rgb(245,189,77) |
hsl(40,89%,63%) |
| #4DD9F5 |
rgb(77,217,245) |
hsl(190,89%,63%) |
| #694DF5 |
rgb(105,77,245) |
hsl(250,89%,63%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #F5BD4D |
rgb(245,189,77) |
hsl(40,89%,63%) |
| #4D85F5 |
rgb(77,133,245) |
hsl(220,89%,63%) |
| #F5694D |
rgb(245,105,77) |
hsl(10,89%,63%) |
| #694DF5 |
rgb(105,77,245) |
hsl(250,89%,63%) |
