HEX Color #75E2A8 (Aquamarine)

About #75E2A8

The hex code #75E2A8 represents a beautifully specific shade of green. Its closest recognized web color is Aquamarine. Its digital footprint relies on 117 parts red, 226 parts green, and 168 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. The color uses 48% Cyan, 0% Magenta, 26% Yellow, and 11% Black. The HSL representation is 148.1° hue, 65.3% saturation, and 67.3% lightness.

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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#75E2A8

RGB117, 226, 168

HSL148.1°, 65.3%, 67.3%

CMYK48%, 0%, 26%, 11%

HSV148.1°, 48.2%, 88.6%

LAB82.4, -44.4, 18.9

XYZ41.6, 61.0, 46.6

Decimal7725736

Color Harmonies

Complementary

#75E2A8 #E274AE

Analogous

#78E274 #74E2DE

Triadic

#A874E2 #E2A874

Tetradic

#7478E2 #E274AE #E2DE74

Tints, Shades & Tones

Tints (Adding White)

#75E2A8

#84E5B1

#93E8BB

#A3EBC5

#B2EECE

#C1F2D8

#D1F5E2

#E0F8EB

#EFFBF5

#FFFFFF

Shades (Adding Black)

#75E2A8

#68C895

#5BAF82

#4E9670

#417D5D

#34644A

#274B38

#1A3225

#0D1912

#000000

WCAG Contrast Accessibility

1.59:1

Text on #FFFFFF

FAIL

13.20:1

Text on #000000

AAA

1.52:1

Text on #F8FAFC

FAIL

11.22:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Aquamarine

#7FFFD4