HEX #AFD9BC color — Surf

The color #afd9bc is a light shade and desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

afd9bc color palette from light to dark

HEX RGB HSL
#f5faf6 rgb(245,250,246) hsl(139,36%,97%)
#e3f2e8 rgb(227,242,232) hsl(139,36%,92%)
#d2ead9 rgb(210,234,217) hsl(139,36%,87%)
#c1e2cb rgb(193,226,203) hsl(139,36%,82%)
#afd9bd rgb(175,217,189) hsl(139,36%,77%)
#9ed1ae rgb(158,209,174) hsl(139,36%,72%)
#8dc9a0 rgb(141,201,160) hsl(139,36%,67%)
#7bc191 rgb(123,193,145) hsl(139,36%,62%)
#6ab983 rgb(106,185,131) hsl(139,36%,57%)
#59b174 rgb(89,177,116) hsl(139,36%,52%)
#4da368 rgb(77,163,104) hsl(139,36%,47%)
#45925d rgb(69,146,93) hsl(139,36%,42%)
#3c8052 rgb(60,128,82) hsl(139,36%,37%)
#346f47 rgb(52,111,71) hsl(139,36%,32%)
#2c5e3c rgb(44,94,60) hsl(139,36%,27%)
#244c31 rgb(36,76,49) hsl(139,36%,22%)
#1c3b26 rgb(28,59,38) hsl(139,36%,17%)
#142a1b rgb(20,42,27) hsl(139,36%,12%)
#0b180f rgb(11,24,15) hsl(139,36%,7%)
#030704 rgb(3,7,4) hsl(139,36%,2%)

Adjacent colors

HEX RGB HSL
#BED9AF rgb(190,217,175) hsl(99,36%,77%)
#AFD9BC rgb(175,217,188) hsl(139,36%,77%)
#AFD9D8 rgb(175,217,216) hsl(179,36%,77%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D9EDDF rgb(217,237,223) hsl(138,36%,89%)
#AFD9BC rgb(175,217,188) hsl(139,36%,77%)
#84C498 rgb(132,196,152) hsl(139,35%,64%)
#59B074 rgb(89,176,116) hsl(139,36%,52%)

Triad color palettes

HEX RGB HSL
#AFD9BC rgb(175,217,188) hsl(139,36%,77%)
#D1B0D9 rgb(209,176,217) hsl(288,35%,77%)
#D9B0B7 rgb(217,176,183) hsl(350,35%,77%)

Tetrad color palettes

HEX RGB HSL
#AFD9BC rgb(175,217,188) hsl(139,36%,77%)
#D9B0CC rgb(217,176,204) hsl(319,35%,77%)
#B7D9AF rgb(183,217,175) hsl(109,36%,77%)
#D9B0B7 rgb(217,176,183) hsl(350,35%,77%)