#28BD96 Color

#28BD96 is rgb(40, 189, 150) in RGB and hsl(164, 65%, 45%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#28BD96

HEX#28BD96

RGBrgb(40, 189, 150)

HSLhsl(164, 65%, 45%)

HSVhsv(164, 79%, 74%)

OKLCHoklch(71.4% 0.133 170)

CMYKcmyk(79%, 0%, 21%, 26%)

Text Contrast & Accessibility

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

TextWhite text2.38:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.81:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#28BD96 Complementary#BD2850 Analogous#28BD4B Analogous#289BBD Triadic#9628BD Triadic#BD9628

Tints & Shades

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

Tints

#39D5AC #57DBB8 #78E2C6 #96E9D3 #B7F0E1 #D5F6ED

Shades

#23A482 #1D8B6E #18725A #145D49 #0E4335 #092A21

Use #28BD96 in Our Tools

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