#BDF4CF Color

#BDF4CF is rgb(189, 244, 207) in RGB and hsl(140, 71%, 85%) in HSL. The closest CSS named color is PowderBlue. Black text is most readable on this background.

#BDF4CF

HEX#BDF4CF

RGBrgb(189, 244, 207)

HSLhsl(140, 71%, 85%)

HSVhsv(140, 23%, 96%)

OKLCHoklch(91.9% 0.075 155.2)

CMYKcmyk(23%, 0%, 15%, 4%)

Text Contrast & Accessibility

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

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

TextBlack text17.01:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BDF4CF Complementary#F4BEE2 Analogous#C7F4BE Analogous#BEF4EB Triadic#D0BEF4 Triadic#F4D0BE

Tints & Shades

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

Tints

#C6F5D6 #CFF7DC #D8F8E3 #DCF9E6 #E5FBEC #EEFCF2

Shades

#89EBAA #59E387 #25DA61 #1DAA4C #147635 #0C461F

Use #BDF4CF in Our Tools

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