#2BDA6B Color

#2BDA6B is rgb(43, 218, 107) in RGB and hsl(142, 70%, 51%) in HSL. The closest CSS named color is MediumSeaGreen. Black text is most readable on this background.

#2BDA6B

HEX#2BDA6B

RGBrgb(43, 218, 107)

HSLhsl(142, 70%, 51%)

HSVhsv(142, 80%, 85%)

OKLCHoklch(78.1% 0.204 149.8)

CMYKcmyk(80%, 0%, 51%, 15%)

Text Contrast & Accessibility

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

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

TextBlack text11.34:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#2BDA6B Complementary#DA2B99 Analogous#42DA2B Analogous#2BDAC2 Triadic#6B2BDA Triadic#DA6B2B

Tints & Shades

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

Tints

#49DF80 #63E392 #81E9A7 #A0EEBC #BEF4D2 #D8F8E4

Shades

#22BF5B #1DA54F #188640 #126832 #0D4A23 #083017

Use #2BDA6B in Our Tools

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