#B2FBD9 Color

#B2FBD9 is rgb(178, 251, 217) in RGB and hsl(152, 90%, 84%) in HSL. The closest CSS named color is PaleTurquoise. Black text is most readable on this background.

#B2FBD9

HEX#B2FBD9

RGBrgb(178, 251, 217)

HSLhsl(152, 90%, 84%)

HSVhsv(152, 29%, 98%)

OKLCHoklch(93.1% 0.086 164.1)

CMYKcmyk(29%, 0%, 14%, 2%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B2FBD9 Complementary#FBB1D4 Analogous#B1FBB4 Analogous#B1F8FB Triadic#D9B1FB Triadic#FBD9B1

Tints & Shades

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

Tints

#BBFBDD #C5FCE2 #CFFCE7 #D8FDEC #E2FDF1 #ECFEF5

Shades

#7CF8BE #42F5A2 #0DF287 #0AB867 #078349 #044929

Use #B2FBD9 in Our Tools

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