HEX #AFD5B2 color — Surf

The color #afd5b2 is a light shade and desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

afd5b2 color palette from light to dark

HEX RGB HSL
#f2f8f2 rgb(242,248,242) hsl(125,31%,96%)
#e1efe2 rgb(225,239,226) hsl(125,31%,91%)
#d0e6d2 rgb(208,230,210) hsl(125,31%,86%)
#c0dec2 rgb(192,222,194) hsl(125,31%,81%)
#afd5b2 rgb(175,213,178) hsl(125,31%,76%)
#9ecca2 rgb(158,204,162) hsl(125,31%,71%)
#8dc392 rgb(141,195,146) hsl(125,31%,66%)
#7dba82 rgb(125,186,130) hsl(125,31%,61%)
#6cb272 rgb(108,178,114) hsl(125,31%,56%)
#5ba962 rgb(91,169,98) hsl(125,31%,51%)
#519a57 rgb(81,154,87) hsl(125,31%,46%)
#48894e rgb(72,137,78) hsl(125,31%,41%)
#3f7844 rgb(63,120,68) hsl(125,31%,36%)
#37683b rgb(55,104,59) hsl(125,31%,31%)
#2e5731 rgb(46,87,49) hsl(125,31%,26%)
#254628 rgb(37,70,40) hsl(125,31%,21%)
#1c351e rgb(28,53,30) hsl(125,31%,16%)
#132515 rgb(19,37,21) hsl(125,31%,11%)
#0b140b rgb(11,20,11) hsl(125,31%,6%)
#020302 rgb(2,3,2) hsl(125,31%,1%)

Adjacent colors

HEX RGB HSL
#C5D6AF rgb(197,214,175) hsl(86,32%,76%)
#AFD5B2 rgb(175,213,178) hsl(125,31%,76%)
#AFD6CB rgb(175,214,203) hsl(163,32%,76%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D7EBD9 rgb(215,235,217) hsl(126,33%,88%)
#AFD5B2 rgb(175,213,178) hsl(125,31%,76%)
#86BF8A rgb(134,191,138) hsl(124,31%,64%)
#5DAB63 rgb(93,171,99) hsl(125,32%,52%)

Triad color palettes

HEX RGB HSL
#AFD5B2 rgb(175,213,178) hsl(125,31%,76%)
#C5B0D5 rgb(197,176,213) hsl(274,31%,76%)
#D5B0BF rgb(213,176,191) hsl(336,31%,76%)

Tetrad color palettes

HEX RGB HSL
#AFD5B2 rgb(175,213,178) hsl(125,31%,76%)
#D5B0D2 rgb(213,176,210) hsl(305,31%,76%)
#BFD6AF rgb(191,214,175) hsl(95,32%,76%)
#D5B0BF rgb(213,176,191) hsl(336,31%,76%)