#AFDACF Color

#AFDACF is rgb(175, 218, 207) in RGB and hsl(165, 37%, 77%) in HSL. The closest CSS named color is LightBlue. Black text is most readable on this background.

#AFDACF

HEX#AFDACF

RGBrgb(175, 218, 207)

HSLhsl(165, 37%, 77%)

HSVhsv(165, 20%, 85%)

OKLCHoklch(85.5% 0.047 177.8)

CMYKcmyk(20%, 0%, 5%, 15%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #AFDACF background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.53:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text13.75:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #AFDACF based on color wheel relationships. Click any swatch for its full breakdown.

Base#AFDACF Complementary#DAAFB9 Analogous#AFDAB9 Analogous#AFCFDA Triadic#CFAFDA Triadic#DACFAF

Tints & Shades

Lighter tints and darker shades of #AFDACF, useful for hover states, backgrounds, and text variants.

Tints

#B9DFD5 #C4E4DC #CEE9E2 #D9EDE8 #E3F2EE #EEF7F5

Shades

#8CCABA #65B8A4 #4AA18B #387A6A #28574C #16312A

Use #AFDACF in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex