HEX Color #3AF042 (Limegreen)

About #3AF042

The precise color #3AF042 is an excellent choice for modern design projects. Designers often compare it to the standard color Limegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 240, and 66.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 76% C, 0% M, 72% Y, and 6% K. The HSL representation is 122.6° hue, 85.8% saturation, and 58.4% lightness.

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

RGB58, 240, 66

HSL122.6°, 85.8%, 58.4%

CMYK76%, 0%, 72%, 6%

HSV122.6°, 75.8%, 94.1%

LAB83.8, -75.5, 67.2

XYZ33.9, 63.6, 15.6

Decimal3862594

Color Harmonies

Complementary

#3AF042 #F03AE7

Analogous

#8DF03A #3AF09D

Triadic

#413AF0 #F0413A

Tetradic

#3A8CF0 #F03AE7 #F09C3A

Tints, Shades & Tones

Tints (Adding White)

#3AF042

#4FF157

#65F36C

#7BF581

#91F696

#A7F8AB

#BDFAC0

#D3FBD5

#E9FDEA

#FFFFFF

Shades (Adding Black)

#3AF042

#33D53A

#2DBA33

#26A02C

#208524

#196A1D

#135016

#0C350E

#061A07

#000000

WCAG Contrast Accessibility

1.53:1

Text on #FFFFFF

FAIL

13.72:1

Text on #000000

AAA

1.46:1

Text on #F8FAFC

FAIL

11.67:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #3AF042; }

.text-color { color: #3AF042; }

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

Similar Colors

Limegreen

#32CD32