HEX Color #49CC99 (Mediumaquamarine)

About #49CC99

The precise color #49CC99 is an excellent choice for modern design projects. Designers often compare it to the standard color Mediumaquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 73, 204, and 153.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 64% cyan and 0% magenta inks. The HSL representation is 156.6° hue, 56.2% saturation, and 54.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#49CC99

RGB73, 204, 153

HSL156.6°, 56.2%, 54.3%

CMYK64%, 0%, 25%, 20%

HSV156.6°, 64.2%, 80.0%

LAB74.1, -47.7, 15.1

XYZ30.1, 46.9, 37.6

Decimal4836505

Color Harmonies

Complementary

#49CC99 #CC497B

Analogous

#49CC57 #49BDCC

Triadic

#9949CC #CC9949

Tetradic

#5749CC #CC497B #BDCC49

Tints, Shades & Tones

Tints (Adding White)

#49CC99

#5DD1A4

#71D7AF

#85DDBB

#99E2C6

#AEE8D1

#C2EEDD

#D6F3E8

#EAF9F3

#FFFFFF

Shades (Adding Black)

#49CC99

#40B588

#389E77

#308866

#287155

#205A44

#184433

#102D22

#081611

#000000

WCAG Contrast Accessibility

2.02:1

Text on #FFFFFF

FAIL

10.38:1

Text on #000000

AAA

1.93:1

Text on #F8FAFC

FAIL

8.82:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #49CC99; }

.text-color { color: #49CC99; }

.border-color { border: 2px solid #49CC99; }

Similar Colors

Mediumaquamarine

#66CDAA