HEX Color #75F8B6 (Aquamarine)

About #75F8B6

The precise color #75F8B6 is an excellent choice for modern design projects. Its closest recognized web color is Aquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 248, and 182.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 53% C, 0% M, 27% Y, and 3% K. The HSL representation is 149.8° hue, 90.3% saturation, and 71.6% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#75F8B6

RGB117, 248, 182

HSL149.8°, 90.3%, 71.6%

CMYK53%, 0%, 27%, 3%

HSV149.8°, 52.8%, 97.3%

LAB89.1, -51.0, 20.9

XYZ49.3, 74.3, 56.0

Decimal7731382

Color Harmonies

Complementary

#75F8B6 #F874B6

Analogous

#75F874 #74F8F7

Triadic

#B674F8 #F8B574

Tetradic

#7475F8 #F874B6 #F8F774

Tints, Shades & Tones

Tints (Adding White)

#75F8B6

#84F8BE

#93F9C6

#A3FACE

#B2FBD6

#C1FBDE

#D1FCE6

#E0FDEE

#EFFEF6

#FFFFFF

Shades (Adding Black)

#75F8B6

#68DCA1

#5BC08D

#4EA579

#418965

#346E50

#27523C

#1A3728

#0D1B14

#000000

WCAG Contrast Accessibility

1.32:1

Text on #FFFFFF

FAIL

15.86:1

Text on #000000

AAA

1.27:1

Text on #F8FAFC

FAIL

13.48:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Aquamarine

#7FFFD4