HEX Color #07CC33 (Limegreen)

About #07CC33

The hex code #07CC33 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Limegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 204, and 51.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 97% Cyan, 0% Magenta, 75% Yellow, and 20% Black. The HSL representation is 133.4° hue, 93.4% saturation, and 41.4% lightness.

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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#07CC33

RGB7, 204, 51

HSL133.4°, 93.4%, 41.4%

CMYK97%, 0%, 75%, 20%

HSV133.4°, 96.6%, 80.0%

LAB71.9, -70.5, 60.2

XYZ22.3, 43.5, 10.3

Decimal511027

Color Harmonies

Complementary

#07CC33 #CC07A0

Analogous

#3DCC07 #07CC95

Triadic

#3207CC #CC3207

Tetradic

#073DCC #CC07A0 #CC9507

Tints, Shades & Tones

Tints (Adding White)

#07CC33

#22D149

#3ED760

#59DD77

#75E28D

#90E8A4

#ACEEBB

#C7F3D1

#E3F9E8

#FFFFFF

Shades (Adding Black)

#07CC33

#06B52D

#059E27

#048822

#03711C

#035A16

#024411

#012D0B

#001605

#000000

WCAG Contrast Accessibility

2.17:1

Text on #FFFFFF

FAIL

9.69:1

Text on #000000

AAA

2.07:1

Text on #F8FAFC

FAIL

8.24:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Limegreen

#32CD32