HEX #F5AB45 color — Casablanca

The color #F5AB45 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

F5AB45 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
#F54554 rgb(245,69,84) hsl(355,90%,62%)
#F5AB45 rgb(245,171,69) hsl(35,90%,62%)
#C9F545 rgb(201,245,69) hsl(75,90%,62%)

Monochromatic colors

HEX RGB HSL
#FCEBD4 rgb(252,235,212) hsl(35,87%,91%)
#FAD6A4 rgb(250,214,164) hsl(35,90%,81%)
#F7C274 rgb(247,194,116) hsl(36,89%,71%)
#F5AB45 rgb(245,171,69) hsl(35,90%,62%)
#F29615 rgb(242,150,21) hsl(35,89%,52%)
#CA7A0A rgb(202,122,10) hsl(35,91%,42%)

Triad color palettes

HEX RGB HSL
#F5AB45 rgb(245,171,69) hsl(35,90%,62%)
#45E8F5 rgb(69,232,245) hsl(184,90%,62%)
#5345F5 rgb(83,69,245) hsl(245,90%,62%)

Tetrad color palettes

HEX RGB HSL
#F5AB45 rgb(245,171,69) hsl(35,90%,62%)
#458FF5 rgb(69,143,245) hsl(215,90%,62%)
#F55445 rgb(245,84,69) hsl(5,90%,62%)
#5345F5 rgb(83,69,245) hsl(245,90%,62%)