HEX Color #6DC550 (Lightgreen)

About #6DC550

The hex code #6DC550 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Lightgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 109, 197, and 80.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 45% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#6DC550

RGB109, 197, 80

HSL105.1°, 50.2%, 54.3%

CMYK45%, 0%, 59%, 23%

HSV105.1°, 59.4%, 77.3%

LAB72.1, -48.0, 49.5

XYZ27.7, 43.8, 14.6

Decimal7193936

Color Harmonies

Complementary

#6DC550 #A750C4

Analogous

#A7C450 #50C46D

Triadic

#506CC4 #C4506C

Tetradic

#50A7C4 #A750C4 #C46D50

Tints, Shades & Tones

Tints (Adding White)

#6DC550

#7DCB63

#8DD176

#9DD88A

#ADDE9D

#BEE5B1

#CEEBC4

#DEF2D8

#EEF8EB

#FFFFFF

Shades (Adding Black)

#6DC550

#60AF47

#54993E

#488335

#3C6D2C

#305723

#24411A

#182B11

#0C1508

#000000

WCAG Contrast Accessibility

2.15:1

Text on #FFFFFF

FAIL

9.75:1

Text on #000000

AAA

2.06:1

Text on #F8FAFC

FAIL

8.29:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Lightgreen

#90EE90