HEX Color #75D366 (Lightgreen)

About #75D366

The precise color #75D366 is an excellent choice for modern design projects. It is closely associated with the named CSS color Lightgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 211, and 102.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 45% cyan, 0% magenta, 52% yellow, and 17% black. Always request a physical proof before doing a large print run with this exact code.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#75D366

RGB117, 211, 102

HSL111.7°, 55.3%, 61.4%

CMYK45%, 0%, 52%, 17%

HSV111.7°, 51.7%, 82.7%

LAB76.9, -48.8, 45.1

XYZ33.0, 51.3, 20.7

Decimal7721830

Color Harmonies

Complementary

#75D366 #C366D3

Analogous

#ABD366 #66D38D

Triadic

#6675D3 #D36675

Tetradic

#66ABD3 #C366D3 #D38D66

Tints, Shades & Tones

Tints (Adding White)

#75D366

#84D777

#93DC88

#A3E199

#B2E6AA

#C1EBBB

#D1F0CC

#E0F5DD

#EFFAEE

#FFFFFF

Shades (Adding Black)

#75D366

#68BB5A

#5BA44F

#4E8C44

#417538

#345D2D

#274622

#1A2E16

#0D170B

#000000

WCAG Contrast Accessibility

1.86:1

Text on #FFFFFF

FAIL

11.27:1

Text on #000000

AAA

1.78:1

Text on #F8FAFC

FAIL

9.58:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #75D366; }

.text-color { color: #75D366; }

.border-color { border: 2px solid #75D366; }

Similar Colors

Lightgreen

#90EE90