HEX Color #49E299 (Lightgreen)

About #49E299

The precise color #49E299 is an excellent choice for modern design projects. Its closest recognized web color is Lightgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 73, 226, and 153.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 68% C, 0% M, 32% Y, and 11% K. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. 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#49E299

RGB73, 226, 153

HSL151.4°, 72.5%, 58.6%

CMYK68%, 0%, 32%, 11%

HSV151.4°, 67.7%, 88.6%

LAB80.8, -56.5, 24.3

XYZ35.7, 58.1, 39.5

Decimal4842137

Color Harmonies

Complementary

#49E299 #E14991

Analogous

#49E14C #49DEE1

Triadic

#9949E1 #E19849

Tetradic

#4C49E1 #E14991 #DEE149

Tints, Shades & Tones

Tints (Adding White)

#49E299

#5DE5A4

#71E8AF

#85EBBB

#99EEC6

#AEF2D1

#C2F5DD

#D6F8E8

#EAFBF3

#FFFFFF

Shades (Adding Black)

#49E299

#40C888

#38AF77

#309666

#287D55

#206444

#184B33

#103222

#081911

#000000

WCAG Contrast Accessibility

1.66:1

Text on #FFFFFF

FAIL

12.62:1

Text on #000000

AAA

1.59:1

Text on #F8FAFC

FAIL

10.73:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Lightgreen

#90EE90