HEX Color #8AD3A8 (Mediumaquamarine)

About #8AD3A8

The precise color #8AD3A8 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumaquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 211, and 168.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 35% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#8AD3A8

RGB138, 211, 168

HSL144.7°, 45.3%, 68.4%

CMYK35%, 0%, 20%, 17%

HSV144.7°, 34.6%, 82.7%

LAB78.9, -31.9, 14.2

XYZ40.8, 54.8, 45.5

Decimal9098152

Color Harmonies

Complementary

#8AD3A8 #D38AB4

Analogous

#90D38A #8AD3CC

Triadic

#A78AD3 #D3A88A

Tetradic

#8A90D3 #D38AB4 #D3CC8A

Tints, Shades & Tones

Tints (Adding White)

#8AD3A8

#97D7B1

#A4DCBB

#B1E1C5

#BEE6CE

#CBEBD8

#D8F0E2

#E5F5EB

#F2FAF5

#FFFFFF

Shades (Adding Black)

#8AD3A8

#7ABB95

#6BA482

#5C8C70

#4C755D

#3D5D4A

#2E4638

#1E2E25

#0F1712

#000000

WCAG Contrast Accessibility

1.76:1

Text on #FFFFFF

FAIL

11.96:1

Text on #000000

AAA

1.68:1

Text on #F8FAFC

FAIL

10.17:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #8AD3A8; }

.text-color { color: #8AD3A8; }

.border-color { border: 2px solid #8AD3A8; }

Similar Colors

Mediumaquamarine

#66CDAA