HEX Color #2CE96D (Springgreen)

About #2CE96D

The hex code #2CE96D represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Springgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 233, and 109.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 81% cyan, 0% magenta, 53% yellow, and 9% black. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#2CE96D

RGB44, 233, 109

HSL140.6°, 81.1%, 54.3%

CMYK81%, 0%, 53%, 9%

HSV140.6°, 81.1%, 91.4%

LAB81.8, -70.3, 47.3

XYZ32.9, 59.9, 24.3

Decimal2943341

Color Harmonies

Complementary

#2CE96D #E92BA7

Analogous

#49E92B #2BE9CB

Triadic

#6C2BE9 #E96C2B

Tetradic

#2B49E9 #E92BA7 #E9CB2B

Tints, Shades & Tones

Tints (Adding White)

#2CE96D

#43EB7D

#5AED8D

#72F09D

#89F2AD

#A1F5BE

#B8F7CE

#D0FADE

#E7FCEE

#FFFFFF

Shades (Adding Black)

#2CE96D

#27CF60

#22B554

#1D9B48

#18813C

#136730

#0E4D24

#093318

#04190C

#000000

WCAG Contrast Accessibility

1.62:1

Text on #FFFFFF

FAIL

12.98:1

Text on #000000

AAA

1.55:1

Text on #F8FAFC

FAIL

11.04:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #2CE96D; }

.text-color { color: #2CE96D; }

.border-color { border: 2px solid #2CE96D; }

Similar Colors

Springgreen

#00FF7F