HEX Color #99C533 (Yellowgreen)

About #99C533

Visually, #99C533 is defined as a moderate green. 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, 197, and 51.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 22% cyan, 0% magenta, 74% yellow, and 23% black. The HSL representation is 78.1° hue, 58.9% saturation, and 48.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#99C533

RGB153, 197, 51

HSL78.1°, 58.9%, 48.6%

CMYK22%, 0%, 74%, 23%

HSV78.1°, 74.1%, 77.3%

LAB74.2, -34.7, 64.0

XYZ33.7, 46.9, 10.4

Decimal10077491

Color Harmonies

Complementary

#99C533 #5F33C5

Analogous

#C5A833 #50C533

Triadic

#3399C5 #C53398

Tetradic

#33C5A8 #5F33C5 #C53350

Tints, Shades & Tones

Tints (Adding White)

#99C533

#A4CB49

#AFD160

#BBD877

#C6DE8D

#D1E5A4

#DDEBBB

#E8F2D1

#F3F8E8

#FFFFFF

Shades (Adding Black)

#99C533

#88AF2D

#779927

#668322

#556D1C

#445716

#334111

#222B0B

#111505

#000000

WCAG Contrast Accessibility

2.02:1

Text on #FFFFFF

FAIL

10.39:1

Text on #000000

AAA

1.93:1

Text on #F8FAFC

FAIL

8.83:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Yellowgreen

#9ACD32