HEX #F5A63F color — Casablanca
The color #F5A63F is a light shade and moderately saturated.
Palette
F5A63F color palette from light to dark
| HEX |
RGB |
HSL |
| #fef4e7 |
rgb(254,244,231) |
hsl(34,90%,95%) |
| #fce9cf |
rgb(252,233,207) |
hsl(34,90%,90%) |
| #fbddb6 |
rgb(251,221,182) |
hsl(34,90%,85%) |
| #fad29e |
rgb(250,210,158) |
hsl(34,90%,80%) |
| #f9c786 |
rgb(249,199,134) |
hsl(34,90%,75%) |
| #f7bc6e |
rgb(247,188,110) |
hsl(34,90%,70%) |
| #f6b055 |
rgb(246,176,85) |
hsl(34,90%,65%) |
| #f5a53d |
rgb(245,165,61) |
hsl(34,90%,60%) |
| #f49a25 |
rgb(244,154,37) |
hsl(34,90%,55%) |
| #f28f0d |
rgb(242,143,13) |
hsl(34,90%,50%) |
| #da810b |
rgb(218,129,11) |
hsl(34,90%,45%) |
| #c2720a |
rgb(194,114,10) |
hsl(34,90%,40%) |
| #aa6409 |
rgb(170,100,9) |
hsl(34,90%,35%) |
| #915608 |
rgb(145,86,8) |
hsl(34,90%,30%) |
| #794706 |
rgb(121,71,6) |
hsl(34,90%,25%) |
| #613905 |
rgb(97,57,5) |
hsl(34,90%,20%) |
| #492b04 |
rgb(73,43,4) |
hsl(34,90%,15%) |
| #301d03 |
rgb(48,29,3) |
hsl(34,90%,10%) |
| #180e01 |
rgb(24,14,1) |
hsl(34,90%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #F54051 |
rgb(245,64,81) |
hsl(354,90%,61%) |
| #F5A63F |
rgb(245,166,63) |
hsl(34,90%,60%) |
| #CAF53F |
rgb(202,245,63) |
hsl(74,90%,60%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FCE8CB |
rgb(252,232,203) |
hsl(36,89%,89%) |
| #F9D19C |
rgb(249,209,156) |
hsl(34,89%,79%) |
| #F7BD6D |
rgb(247,189,109) |
hsl(35,90%,70%) |
| #F5A63F |
rgb(245,166,63) |
hsl(34,90%,60%) |
| #F29110 |
rgb(242,145,16) |
hsl(34,90%,51%) |
| #C7750A |
rgb(199,117,10) |
hsl(34,90%,41%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #F5A63F |
rgb(245,166,63) |
hsl(34,90%,60%) |
| #3FE8F5 |
rgb(63,232,245) |
hsl(184,90%,60%) |
| #4B40F5 |
rgb(75,64,245) |
hsl(244,90%,61%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #F5A63F |
rgb(245,166,63) |
hsl(34,90%,60%) |
| #3F8FF5 |
rgb(63,143,245) |
hsl(214,90%,60%) |
| #F54A3F |
rgb(245,74,63) |
hsl(4,90%,60%) |
| #4B40F5 |
rgb(75,64,245) |
hsl(244,90%,61%) |
