HEX Color #75BD57 (Lightgreen)

About #75BD57

The precise color #75BD57 is an excellent choice for modern design projects. 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 117, 189, and 87.

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

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#75BD57

RGB117, 189, 87

HSL102.4°, 43.6%, 54.1%

CMYK38%, 0%, 54%, 26%

HSV102.4°, 54.0%, 74.1%

LAB70.1, -41.3, 44.1

XYZ27.3, 40.9, 15.5

Decimal7716183

Color Harmonies

Complementary

#75BD57 #9F57BD

Analogous

#A7BD57 #57BD6C

Triadic

#5774BD #BD5774

Tetradic

#57A7BD #9F57BD #BD6C57

Tints, Shades & Tones

Tints (Adding White)

#75BD57

#84C469

#93CB7C

#A3D38F

#B2DAA1

#C1E1B4

#D1E9C7

#E0F0D9

#EFF7EC

#FFFFFF

Shades (Adding Black)

#75BD57

#68A84D

#5B9343

#4E7E3A

#416930

#345426

#273F1D

#1A2A13

#0D1509

#000000

WCAG Contrast Accessibility

2.29:1

Text on #FFFFFF

FAIL

9.17:1

Text on #000000

AAA

2.19:1

Text on #F8FAFC

FAIL

7.80:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Lightgreen

#90EE90