HEX Color #75CCAF (Mediumaquamarine)

About #75CCAF

At its core, #75CCAF is a light and moderate hue. It is closely associated with the named CSS color Mediumaquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 204, and 175.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 43% cyan and 0% magenta inks. The HSL representation is 160.0° hue, 46.0% saturation, and 62.9% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#75CCAF

RGB117, 204, 175

HSL160.0°, 46.0%, 62.9%

CMYK43%, 0%, 14%, 20%

HSV160.0°, 42.6%, 80.0%

LAB76.1, -33.0, 6.3

XYZ36.7, 50.1, 48.3

Decimal7720111

Color Harmonies

Complementary

#75CCAF #CC7491

Analogous

#74CC83 #74BDCC

Triadic

#AF74CC #CCAF74

Tetradic

#8374CC #CC7491 #BDCC74

Tints, Shades & Tones

Tints (Adding White)

#75CCAF

#84D1B7

#93D7C0

#A3DDC9

#B2E2D2

#C1E8DB

#D1EEE4

#E0F3ED

#EFF9F6

#FFFFFF

Shades (Adding Black)

#75CCAF

#68B59B

#5B9E88

#4E8874

#417161

#345A4D

#27443A

#1A2D26

#0D1613

#000000

WCAG Contrast Accessibility

1.91:1

Text on #FFFFFF

FAIL

11.01:1

Text on #000000

AAA

1.82:1

Text on #F8FAFC

FAIL

9.36:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumaquamarine

#66CDAA