HEX Color #75FFD3 (Aquamarine)

About #75FFD3

The hex code #75FFD3 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Aquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 255, and 211.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 54% cyan, 0% magenta, 17% yellow, and 0% black. The HSL representation is 160.9° hue, 100.0% saturation, and 72.9% lightness.

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

RGB117, 255, 211

HSL160.9°, 100.0%, 72.9%

CMYK54%, 0%, 17%, 0%

HSV160.9°, 54.1%, 100.0%

LAB91.7, -47.9, 9.7

XYZ54.9, 80.0, 74.2

Decimal7733203

Color Harmonies

Complementary

#75FFD3 #FF74A0

Analogous

#74FF8E #74E5FF

Triadic

#D374FF #FFD374

Tetradic

#8D74FF #FF74A0 #E5FF74

Tints, Shades & Tones

Tints (Adding White)

#75FFD3

#84FFD7

#93FFDC

#A3FFE1

#B2FFE6

#C1FFEB

#D1FFF0

#E0FFF5

#EFFFFA

#FFFFFF

Shades (Adding Black)

#75FFD3

#68E2BB

#5BC6A4

#4EAA8C

#418D75

#34715D

#275546

#1A382E

#0D1C17

#000000

WCAG Contrast Accessibility

1.24:1

Text on #FFFFFF

FAIL

17.00:1

Text on #000000

AAA

1.18:1

Text on #F8FAFC

FAIL

14.45:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Aquamarine

#7FFFD4