HEX #F2C987 color — Buff

The color #f2c987 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

f2c987 color palette from light to dark

HEX RGB HSL
#fefdfa rgb(254,253,250) hsl(37,80%,99%)
#fcf3e3 rgb(252,243,227) hsl(37,80%,94%)
#f9e8cd rgb(249,232,205) hsl(37,80%,89%)
#f7deb6 rgb(247,222,182) hsl(37,80%,84%)
#f4d39f rgb(244,211,159) hsl(37,80%,79%)
#f2c988 rgb(242,201,136) hsl(37,80%,74%)
#efbf71 rgb(239,191,113) hsl(37,80%,69%)
#edb45a rgb(237,180,90) hsl(37,80%,64%)
#eaaa43 rgb(234,170,67) hsl(37,80%,59%)
#e8a02c rgb(232,160,44) hsl(37,80%,54%)
#e19419 rgb(225,148,25) hsl(37,80%,49%)
#ca8516 rgb(202,133,22) hsl(37,80%,44%)
#b37614 rgb(179,118,20) hsl(37,80%,39%)
#9c6711 rgb(156,103,17) hsl(37,80%,34%)
#85580f rgb(133,88,15) hsl(37,80%,29%)
#6e490c rgb(110,73,12) hsl(37,80%,24%)
#57390a rgb(87,57,10) hsl(37,80%,19%)
#402a07 rgb(64,42,7) hsl(37,80%,14%)
#291b05 rgb(41,27,5) hsl(37,80%,9%)
#120c02 rgb(18,12,2) hsl(37,80%,4%)

Adjacent colors

HEX RGB HSL
#F2878C rgb(242,135,140) hsl(357,80%,74%)
#F2C987 rgb(242,201,135) hsl(37,80%,74%)
#D3F287 rgb(211,242,135) hsl(77,80%,74%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#FDFAF3 rgb(253,250,243) hsl(42,71%,97%)
#F7E0BD rgb(247,224,189) hsl(36,78%,85%)
#F2C987 rgb(242,201,135) hsl(37,80%,74%)
#ECB050 rgb(236,176,80) hsl(37,80%,62%)
#E6991A rgb(230,153,26) hsl(37,80%,50%)

Triad color palettes

HEX RGB HSL
#F2C987 rgb(242,201,135) hsl(37,80%,74%)
#87E6F2 rgb(135,230,242) hsl(187,80%,74%)
#9387F2 rgb(147,135,242) hsl(247,80%,74%)

Tetrad color palettes

HEX RGB HSL
#F2C987 rgb(242,201,135) hsl(37,80%,74%)
#87B0F2 rgb(135,176,242) hsl(217,80%,74%)
#F29487 rgb(242,148,135) hsl(7,80%,74%)
#9387F2 rgb(147,135,242) hsl(247,80%,74%)