#BAFDDC Color

#BAFDDC is rgb(186, 253, 220) in RGB and hsl(150, 94%, 86%) in HSL. The closest CSS named color is PaleTurquoise. Black text is most readable on this background.

#BAFDDC

HEX#BAFDDC

RGBrgb(186, 253, 220)

HSLhsl(150, 94%, 86%)

HSVhsv(150, 26%, 99%)

OKLCHoklch(94% 0.081 163)

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

Text Contrast & Accessibility

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

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

TextBlack text18.17:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BAFDDC Complementary#FDBADB Analogous#BAFDBA Analogous#BAFDFD Triadic#DBBAFD Triadic#FDDBBA

Tints & Shades

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

Tints

#C4FDE0 #C9FDE3 #D2FEE8 #DCFEED #E6FEF2 #EBFEF5

Shades

#7EFBBD #48F9A1 #0DF882 #06C163 #048645 #024F29

Use #BAFDDC in Our Tools

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