#B2F5ED Color

#B2F5ED is rgb(178, 245, 237) in RGB and hsl(173, 77%, 83%) in HSL. The closest CSS named color is PaleTurquoise. Black text is most readable on this background.

#B2F5ED

HEX#B2F5ED

RGBrgb(178, 245, 237)

HSLhsl(173, 77%, 83%)

HSVhsv(173, 27%, 96%)

OKLCHoklch(92.3% 0.068 186.9)

CMYKcmyk(27%, 0%, 3%, 4%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B2F5ED Complementary#F5B2BA Analogous#B2F5CC Analogous#B2DBF5 Triadic#EDB2F5 Triadic#F5EDB2

Tints & Shades

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

Tints

#BBF6EF #C4F7F1 #CDF9F4 #DBFAF7 #E4FBF9 #EDFDFB

Shades

#81EFE2 #4AE8D5 #1DDDC7 #16AC9A #107A6D #09443D

Use #B2F5ED in Our Tools

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