Hex Color #2BDC6C - Custom Color

Color Codes

HEX

#2BDC6C

RGB

rgb(43, 220, 108)

HSL

hsl(142, 72%, 52%)

CMYK

cmyk(80%, 0%, 51%, 14%)

HSV

hsv(142, 80%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#44DD2C #2CDD6D #2CDDC5

Triadic

#2CDD6D #6D2CDD #DD6D2C

Split Complementary

#2CDD6D #C52CDD #DD2C44

Tetradic (Square)

#2CDD6D #2C44DD #DD2C9C #DDC52C

Complementary

#2BDC6C #DD2C9C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.82:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.56:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #2BDC6C;

color: #2BDC6C;

border-color: #2BDC6C;

}

Tailwind CSS (with arbitrary values)

bg-[#2BDC6C]

text-[#2BDC6C]

border-[#2BDC6C]

// Example usage: