HEX #F5AD45 color — Casablanca
The color #F5AD45 is a light shade and moderately saturated.
Palette
F5AD45 color palette from light to dark
HEX |
RGB |
HSL |
#fef8f0 |
rgb(254,248,240) |
hsl(35,90%,97%) |
#fdeed8 |
rgb(253,238,216) |
hsl(35,90%,92%) |
#fce3c0 |
rgb(252,227,192) |
hsl(35,90%,87%) |
#fad8a8 |
rgb(250,216,168) |
hsl(35,90%,82%) |
#f9cd90 |
rgb(249,205,144) |
hsl(35,90%,77%) |
#f8c277 |
rgb(248,194,119) |
hsl(35,90%,72%) |
#f7b75f |
rgb(247,183,95) |
hsl(35,90%,67%) |
#f5ad47 |
rgb(245,173,71) |
hsl(35,90%,62%) |
#f4a22f |
rgb(244,162,47) |
hsl(35,90%,57%) |
#f39716 |
rgb(243,151,22) |
hsl(35,90%,52%) |
#e48a0c |
rgb(228,138,12) |
hsl(35,90%,47%) |
#cb7b0b |
rgb(203,123,11) |
hsl(35,90%,42%) |
#b36d09 |
rgb(179,109,9) |
hsl(35,90%,37%) |
#9b5e08 |
rgb(155,94,8) |
hsl(35,90%,32%) |
#834f07 |
rgb(131,79,7) |
hsl(35,90%,27%) |
#6b4106 |
rgb(107,65,6) |
hsl(35,90%,22%) |
#523204 |
rgb(82,50,4) |
hsl(35,90%,17%) |
#3a2303 |
rgb(58,35,3) |
hsl(35,90%,12%) |
#221502 |
rgb(34,21,2) |
hsl(35,90%,7%) |
#0a0601 |
rgb(10,6,1) |
hsl(35,90%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#F54552 |
rgb(245,69,82) |
hsl(356,90%,62%) |
#F5AD45 |
rgb(245,173,69) |
hsl(35,90%,62%) |
#C7F545 |
rgb(199,245,69) |
hsl(76,90%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FCEDD4 |
rgb(252,237,212) |
hsl(38,87%,91%) |
#FAD6A4 |
rgb(250,214,164) |
hsl(35,90%,81%) |
#F7C274 |
rgb(247,194,116) |
hsl(36,89%,71%) |
#F5AD45 |
rgb(245,173,69) |
hsl(35,90%,62%) |
#F29915 |
rgb(242,153,21) |
hsl(36,89%,52%) |
#CA7D0A |
rgb(202,125,10) |
hsl(36,91%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#F5AD45 |
rgb(245,173,69) |
hsl(35,90%,62%) |
#45E6F5 |
rgb(69,230,245) |
hsl(185,90%,62%) |
#5545F5 |
rgb(85,69,245) |
hsl(245,90%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F5AD45 |
rgb(245,173,69) |
hsl(35,90%,62%) |
#458CF5 |
rgb(69,140,245) |
hsl(216,90%,62%) |
#F55445 |
rgb(245,84,69) |
hsl(5,90%,62%) |
#5545F5 |
rgb(85,69,245) |
hsl(245,90%,62%) |