HEX Color #99D324 (Yellowgreen)

About #99D324

The precise color #99D324 is an excellent choice for modern design projects. It is closely associated with the named CSS color Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 153, 211, and 36.

Translating this color to physical media requires the CMYK color model. The color uses 27% Cyan, 0% Magenta, 83% Yellow, and 17% Black. The HSL representation is 79.9° hue, 70.9% saturation, and 48.4% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#99D324

RGB153, 211, 36

HSL79.9°, 70.9%, 48.4%

CMYK27%, 0%, 83%, 17%

HSV79.9°, 82.9%, 82.7%

LAB78.2, -41.6, 71.9

XYZ36.7, 53.5, 10.1

Decimal10081060

Color Harmonies

Complementary

#99D324 #5E23D3

Analogous

#D3B523 #41D323

Triadic

#2398D3 #D32398

Tetradic

#23D3B5 #5E23D3 #D32341

Tints, Shades & Tones

Tints (Adding White)

#99D324

#A4D73C

#AFDC54

#BBE16D

#C6E685

#D1EB9D

#DDF0B6

#E8F5CE

#F3FAE6

#FFFFFF

Shades (Adding Black)

#99D324

#88BB20

#77A41C

#668C18

#557514

#445D10

#33460C

#222E08

#111704

#000000

WCAG Contrast Accessibility

1.80:1

Text on #FFFFFF

FAIL

11.70:1

Text on #000000

AAA

1.72:1

Text on #F8FAFC

FAIL

9.94:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #99D324; }

.text-color { color: #99D324; }

.border-color { border: 2px solid #99D324; }

Similar Colors

Yellowgreen

#9ACD32