HEX Color #6DE966 (Limegreen)

About #6DE966

The precise color #6DE966 is an excellent choice for modern design projects. 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 109, 233, and 102.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 53% cyan and 0% magenta inks. 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. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#6DE966

RGB109, 233, 102

HSL116.8°, 74.9%, 65.7%

CMYK53%, 0%, 56%, 9%

HSV116.8°, 56.2%, 91.4%

LAB83.2, -59.6, 52.5

XYZ37.8, 62.5, 22.6

Decimal7203174

Color Harmonies

Complementary

#6DE966 #E166E8

Analogous

#AEE866 #66E8A0

Triadic

#666DE8 #E8666D

Tetradic

#66AEE8 #E166E8 #E8A066

Tints, Shades & Tones

Tints (Adding White)

#6DE966

#7DEB77

#8DED88

#9DF099

#ADF2AA

#BEF5BB

#CEF7CC

#DEFADD

#EEFCEE

#FFFFFF

Shades (Adding Black)

#6DE966

#60CF5A

#54B54F

#489B44

#3C8138

#30672D

#244D22

#183316

#0C190B

#000000

WCAG Contrast Accessibility

1.56:1

Text on #FFFFFF

FAIL

13.50:1

Text on #000000

AAA

1.49:1

Text on #F8FAFC

FAIL

11.47:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #6DE966; }

.text-color { color: #6DE966; }

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

Similar Colors

Limegreen

#32CD32