HEX Color #75F8DB (Aquamarine)

About #75F8DB

At its core, #75F8DB is a light and vivid hue. It is closely associated with the named CSS color Aquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 248, and 219.

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

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#75F8DB

RGB117, 248, 219

HSL166.7°, 90.3%, 71.6%

CMYK53%, 0%, 12%, 3%

HSV166.7°, 52.8%, 97.3%

LAB89.9, -43.0, 2.9

XYZ53.7, 76.0, 78.9

Decimal7731419

Color Harmonies

Complementary

#75F8DB #F87492

Analogous

#74F899 #74D3F8

Triadic

#DA74F8 #F8DA74

Tetradic

#9974F8 #F87492 #D3F874

Tints, Shades & Tones

Tints (Adding White)

#75F8DB

#84F8DF

#93F9E3

#A3FAE7

#B2FBEB

#C1FBEF

#D1FCF3

#E0FDF7

#EFFEFB

#FFFFFF

Shades (Adding Black)

#75F8DB

#68DCC2

#5BC0AA

#4EA592

#418979

#346E61

#275249

#1A3730

#0D1B18

#000000

WCAG Contrast Accessibility

1.30:1

Text on #FFFFFF

FAIL

16.21:1

Text on #000000

AAA

1.24:1

Text on #F8FAFC

FAIL

13.78:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Aquamarine

#7FFFD4