HEX Color #00FF42 (Lime)

About #00FF42

The hex code #00FF42 represents a beautifully specific shade of green. Designers often compare it to the standard color Lime. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 255, and 66.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 100% cyan and 0% magenta inks. The HSL representation is 135.5° hue, 100.0% saturation, and 50.0% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#00FF42

RGB0, 255, 66

HSL135.5°, 100.0%, 50.0%

CMYK100%, 0%, 74%, 0%

HSV135.5°, 100.0%, 100.0%

LAB87.9, -83.7, 71.3

XYZ36.7, 71.9, 17.1

Decimal65346

Color Harmonies

Complementary

#00FF42 #FF00BD

Analogous

#3DFF00 #00FFC1

Triadic

#4200FF #FF4100

Tetradic

#003DFF #FF00BD #FFC100

Tints, Shades & Tones

Tints (Adding White)

#00FF42

#1CFF57

#38FF6C

#55FF81

#71FF96

#8DFFAB

#AAFFC0

#C6FFD5

#E2FFEA

#FFFFFF

Shades (Adding Black)

#00FF42

#00E23A

#00C633

#00AA2C

#008D24

#00711D

#005516

#00380E

#001C07

#000000

WCAG Contrast Accessibility

1.37:1

Text on #FFFFFF

FAIL

15.38:1

Text on #000000

AAA

1.30:1

Text on #F8FAFC

FAIL

13.08:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #00FF42; }

.text-color { color: #00FF42; }

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

Similar Colors

Lime

#00FF00