HEX Color #3AD3A8 (Mediumaquamarine)

About #3AD3A8

At its core, #3AD3A8 is a medium and moderate hue. Its closest recognized web color is Mediumaquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 211, and 168.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 73% cyan and 0% magenta inks. With a hue angle of 163.1 degrees, it sits comfortably in the green spectrum.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#3AD3A8

RGB58, 211, 168

HSL163.1°, 63.5%, 52.7%

CMYK73%, 0%, 20%, 17%

HSV163.1°, 72.5%, 82.7%

LAB76.3, -49.5, 10.0

XYZ32.1, 50.3, 45.1

Decimal3855272

Color Harmonies

Complementary

#3AD3A8 #D33A65

Analogous

#3AD35B #3AB1D3

Triadic

#A73AD3 #D3A73A

Tetradic

#5B3AD3 #D33A65 #B1D33A

Tints, Shades & Tones

Tints (Adding White)

#3AD3A8

#4FD7B1

#65DCBB

#7BE1C5

#91E6CE

#A7EBD8

#BDF0E2

#D3F5EB

#E9FAF5

#FFFFFF

Shades (Adding Black)

#3AD3A8

#33BB95

#2DA482

#268C70

#20755D

#195D4A

#134638

#0C2E25

#061712

#000000

WCAG Contrast Accessibility

1.90:1

Text on #FFFFFF

FAIL

11.06:1

Text on #000000

AAA

1.81:1

Text on #F8FAFC

FAIL

9.40:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumaquamarine

#66CDAA