HEX Color #8AE2B6 (Mediumaquamarine)

About #8AE2B6

When working with digital screens, the color #8AE2B6 is rendered by mixing light. Designers often compare it to the standard color Mediumaquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 226, and 182.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 39% cyan and 0% magenta inks. With a hue angle of 150.0 degrees, it sits comfortably in the green spectrum.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#8AE2B6

RGB138, 226, 182

HSL150.0°, 60.3%, 71.4%

CMYK39%, 0%, 19%, 11%

HSV150.0°, 38.9%, 88.6%

LAB83.5, -36.1, 13.3

XYZ46.1, 63.2, 54.0

Decimal9102006

Color Harmonies

Complementary

#8AE2B6 #E289B6

Analogous

#89E289 #89E1E2

Triadic

#B589E2 #E2B589

Tetradic

#8989E2 #E289B6 #E1E289

Tints, Shades & Tones

Tints (Adding White)

#8AE2B6

#97E5BE

#A4E8C6

#B1EBCE

#BEEED6

#CBF2DE

#D8F5E6

#E5F8EE

#F2FBF6

#FFFFFF

Shades (Adding Black)

#8AE2B6

#7AC8A1

#6BAF8D

#5C9679

#4C7D65

#3D6450

#2E4B3C

#1E3228

#0F1914

#000000

WCAG Contrast Accessibility

1.54:1

Text on #FFFFFF

FAIL

13.63:1

Text on #000000

AAA

1.47:1

Text on #F8FAFC

FAIL

11.59:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumaquamarine

#66CDAA