HEX Color #6DFF00 (Chartreuse)

About #6DFF00

At its core, #6DFF00 is a medium and vivid hue. It is closely associated with the named CSS color Chartreuse. Its digital footprint relies on 109 parts red, 255 parts green, and 0 parts blue light.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 57% cyan, 0% magenta, 100% yellow, and 0% black. The HSL representation is 94.4° hue, 100.0% saturation, and 50.0% 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#6DFF00

RGB109, 255, 0

HSL94.4°, 100.0%, 50.0%

CMYK57%, 0%, 100%, 0%

HSV94.4°, 100.0%, 100.0%

LAB89.3, -72.8, 85.1

XYZ42.1, 74.8, 12.2

Decimal7208704

Color Harmonies

Complementary

#6DFF00 #9200FF

Analogous

#ECFF00 #00FF12

Triadic

#006CFF #FF006C

Tetradic

#00ECFF #9200FF #FF1200

Tints, Shades & Tones

Tints (Adding White)

#6DFF00

#7DFF1C

#8DFF38

#9DFF55

#ADFF71

#BEFF8D

#CEFFAA

#DEFFC6

#EEFFE2

#FFFFFF

Shades (Adding Black)

#6DFF00

#60E200

#54C600

#48AA00

#3C8D00

#307100

#245500

#183800

#0C1C00

#000000

WCAG Contrast Accessibility

1.32:1

Text on #FFFFFF

FAIL

15.95:1

Text on #000000

AAA

1.26:1

Text on #F8FAFC

FAIL

13.56:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Chartreuse

#7FFF00