HEX Color #75E275 (Lightgreen)

About #75E275

At its core, #75E275 is a light and moderate hue. 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, 226, and 117.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 48% cyan, 0% magenta, 48% yellow, and 11% black. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. 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#75E275

RGB117, 226, 117

HSL120.0°, 65.3%, 67.3%

CMYK48%, 0%, 48%, 11%

HSV120.0°, 48.2%, 88.6%

LAB81.5, -52.9, 43.6

XYZ37.7, 59.5, 26.3

Decimal7725685

Color Harmonies

Complementary

#75E275 #E274E2

Analogous

#ABE274 #74E2AB

Triadic

#7474E2 #E27474

Tetradic

#74ABE2 #E274E2 #E2AB74

Tints, Shades & Tones

Tints (Adding White)

#75E275

#84E584

#93E893

#A3EBA3

#B2EEB2

#C1F2C1

#D1F5D1

#E0F8E0

#EFFBEF

#FFFFFF

Shades (Adding Black)

#75E275

#68C868

#5BAF5B

#4E964E

#417D41

#346434

#274B27

#1A321A

#0D190D

#000000

WCAG Contrast Accessibility

1.63:1

Text on #FFFFFF

FAIL

12.89:1

Text on #000000

AAA

1.56:1

Text on #F8FAFC

FAIL

10.96:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Lightgreen

#90EE90