HEX Color #6DF866 (Limegreen)

About #6DF866

Visually, #6DF866 is defined as a vivid green. Its closest recognized web color is Limegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 109, 248, and 102.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 56% 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. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#6DF866

RGB109, 248, 102

HSL117.1°, 91.3%, 68.6%

CMYK56%, 0%, 59%, 3%

HSV117.1°, 58.9%, 97.3%

LAB87.7, -65.1, 57.7

XYZ42.3, 71.3, 24.1

Decimal7207014

Color Harmonies

Complementary

#6DF866 #F166F8

Analogous

#B5F866 #66F8A8

Triadic

#666CF8 #F8666C

Tetradic

#66B5F8 #F166F8 #F8A866

Tints, Shades & Tones

Tints (Adding White)

#6DF866

#7DF877

#8DF988

#9DFA99

#ADFBAA

#BEFBBB

#CEFCCC

#DEFDDD

#EEFEEE

#FFFFFF

Shades (Adding Black)

#6DF866

#60DC5A

#54C04F

#48A544

#3C8938

#306E2D

#245222

#183716

#0C1B0B

#000000

WCAG Contrast Accessibility

1.38:1

Text on #FFFFFF

FAIL

15.27:1

Text on #000000

AAA

1.31:1

Text on #F8FAFC

FAIL

12.98:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Limegreen

#32CD32