HEX Color #07E96D (Springgreen)

About #07E96D

The precise color #07E96D is an excellent choice for modern design projects. Its closest recognized web color is Springgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 233, and 109.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 97% cyan, 0% magenta, 53% yellow, and 9% black. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. 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#07E96D

RGB7, 233, 109

HSL147.1°, 94.2%, 47.1%

CMYK97%, 0%, 53%, 9%

HSV147.1°, 97.0%, 91.4%

LAB81.5, -72.6, 46.9

XYZ32.0, 59.4, 24.3

Decimal518509

Color Harmonies

Complementary

#07E96D #E90682

Analogous

#12E906 #06E9DD

Triadic

#6D06E9 #E96D06

Tetradic

#0612E9 #E90682 #E9DE06

Tints, Shades & Tones

Tints (Adding White)

#07E96D

#22EB7D

#3EED8D

#59F09D

#75F2AD

#90F5BE

#ACF7CE

#C7FADE

#E3FCEE

#FFFFFF

Shades (Adding Black)

#07E96D

#06CF60

#05B554

#049B48

#03813C

#036730

#024D24

#013318

#00190C

#000000

WCAG Contrast Accessibility

1.63:1

Text on #FFFFFF

FAIL

12.89:1

Text on #000000

AAA

1.56:1

Text on #F8FAFC

FAIL

10.95:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #07E96D; }

.text-color { color: #07E96D; }

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

Similar Colors

Springgreen

#00FF7F