HEX Color #8AE9C5 (Mediumaquamarine)

About #8AE9C5

The precise color #8AE9C5 is an excellent choice for modern design projects. 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 138, 233, and 197.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 41% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#8AE9C5

RGB138, 233, 197

HSL157.3°, 68.3%, 72.7%

CMYK41%, 0%, 15%, 9%

HSV157.3°, 40.8%, 91.4%

LAB85.9, -36.2, 8.7

XYZ49.7, 67.7, 63.3

Decimal9103813

Color Harmonies

Complementary

#8AE9C5 #E889AD

Analogous

#89E895 #89DDE8

Triadic

#C589E8 #E8C589

Tetradic

#9589E8 #E889AD #DDE889

Tints, Shades & Tones

Tints (Adding White)

#8AE9C5

#97EBCB

#A4EDD1

#B1F0D8

#BEF2DE

#CBF5E5

#D8F7EB

#E5FAF2

#F2FCF8

#FFFFFF

Shades (Adding Black)

#8AE9C5

#7ACFAF

#6BB599

#5C9B83

#4C816D

#3D6757

#2E4D41

#1E332B

#0F1915

#000000

WCAG Contrast Accessibility

1.44:1

Text on #FFFFFF

FAIL

14.54:1

Text on #000000

AAA

1.38:1

Text on #F8FAFC

FAIL

12.36:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumaquamarine

#66CDAA