#AFC7CA Color

#AFC7CA is rgb(175, 199, 202) in RGB and hsl(187, 20%, 74%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#AFC7CA

HEX#AFC7CA

RGBrgb(175, 199, 202)

HSLhsl(187, 20%, 74%)

HSVhsv(187, 13%, 79%)

OKLCHoklch(81.3% 0.026 205.8)

CMYKcmyk(13%, 1%, 0%, 21%)

Text Contrast & Accessibility

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

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

TextBlack text11.85:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#AFC7CA Complementary#CAB3AF Analogous#AFCAC0 Analogous#AFBACA Triadic#CAAFC7 Triadic#C7CAAF

Tints & Shades

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

Tints

#B9CDD0 #C5D6D8 #CEDCDE #DAE5E7 #E3ECED #F0F4F5

Shades

#91B1B6 #729CA1 #5A8187 #456468 #314749 #1D292B

Use #AFC7CA in Our Tools

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