HEX Color #99D32C (Yellowgreen)

About #99D32C

The precise color #99D32C is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Yellowgreen. Its digital footprint relies on 153 parts red, 211 parts green, and 44 parts blue light.

Translating this color to physical media requires the CMYK color model. The color uses 27% Cyan, 0% Magenta, 79% Yellow, and 17% Black. The HSL representation is 80.8° hue, 65.5% saturation, and 50.0% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#99D32C

RGB153, 211, 44

HSL80.8°, 65.5%, 50.0%

CMYK27%, 0%, 79%, 17%

HSV80.8°, 79.1%, 82.7%

LAB78.2, -41.3, 69.9

XYZ36.9, 53.5, 10.8

Decimal10081068

Color Harmonies

Complementary

#99D32C #652CD3

Analogous

#D3B92C #45D32C

Triadic

#2C99D3 #D32C99

Tetradic

#2CD3B9 #652CD3 #D32C45

Tints, Shades & Tones

Tints (Adding White)

#99D32C

#A4D743

#AFDC5A

#BBE172

#C6E689

#D1EBA1

#DDF0B8

#E8F5D0

#F3FAE7

#FFFFFF

Shades (Adding Black)

#99D32C

#88BB27

#77A422

#668C1D

#557518

#445D13

#33460E

#222E09

#111704

#000000

WCAG Contrast Accessibility

1.79:1

Text on #FFFFFF

FAIL

11.71:1

Text on #000000

AAA

1.71:1

Text on #F8FAFC

FAIL

9.95:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Yellowgreen

#9ACD32