HEX Color #99CC16 (Yellowgreen)

About #99CC16

The precise color #99CC16 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 153, 204, and 22.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 25% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#99CC16

RGB153, 204, 22

HSL76.8°, 80.5%, 44.3%

CMYK25%, 0%, 89%, 20%

HSV76.8°, 89.2%, 80.0%

LAB76.1, -38.9, 73.0

XYZ34.9, 50.0, 8.6

Decimal10079254

Color Harmonies

Complementary

#99CC16 #4916CC

Analogous

#CCA416 #3DCC16

Triadic

#1699CC #CC1698

Tetradic

#16CCA3 #4916CC #CC163D

Tints, Shades & Tones

Tints (Adding White)

#99CC16

#A4D12F

#AFD749

#BBDD63

#C6E27D

#D1E897

#DDEEB1

#E8F3CB

#F3F9E5

#FFFFFF

Shades (Adding Black)

#99CC16

#88B513

#779E11

#66880E

#55710C

#445A09

#334407

#222D04

#111602

#000000

WCAG Contrast Accessibility

1.91:1

Text on #FFFFFF

FAIL

11.00:1

Text on #000000

AAA

1.82:1

Text on #F8FAFC

FAIL

9.35:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Yellowgreen

#9ACD32