HEX Color #99CC1D (Yellowgreen)

About #99CC1D

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

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 25% Cyan, 0% Magenta, 86% Yellow, and 20% Black. With a hue angle of 77.5 degrees, it sits comfortably in the green spectrum.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#99CC1D

RGB153, 204, 29

HSL77.5°, 75.1%, 45.7%

CMYK25%, 0%, 86%, 20%

HSV77.5°, 85.8%, 80.0%

LAB76.1, -38.8, 71.7

XYZ35.0, 50.0, 9.0

Decimal10079261

Color Harmonies

Complementary

#99CC1D #4F1DCB

Analogous

#CBA71D #41CB1D

Triadic

#1D99CB #CB1D99

Tetradic

#1DCBA7 #4F1DCB #CB1D41

Tints, Shades & Tones

Tints (Adding White)

#99CC1D

#A4D136

#AFD74F

#BBDD68

#C6E281

#D1E89A

#DDEEB3

#E8F3CC

#F3F9E5

#FFFFFF

Shades (Adding Black)

#99CC1D

#88B519

#779E16

#668813

#557110

#445A0C

#334409

#222D06

#111603

#000000

WCAG Contrast Accessibility

1.91:1

Text on #FFFFFF

FAIL

11.01:1

Text on #000000

AAA

1.82:1

Text on #F8FAFC

FAIL

9.36:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Yellowgreen

#9ACD32