HEX Color #99C50F (Yellowgreen)

About #99C50F

The precise color #99C50F 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, 197, and 15.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 22% Cyan, 0% Magenta, 92% Yellow, and 23% Black. The HSL representation is 74.5° hue, 85.8% saturation, and 41.6% lightness.

When using this color as a background, text legibility must be considered. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#99C50F

RGB153, 197, 15

HSL74.5°, 85.8%, 41.6%

CMYK22%, 0%, 92%, 23%

HSV74.5°, 92.4%, 77.3%

LAB74.0, -35.9, 72.4

XYZ33.2, 46.7, 7.7

Decimal10077455

Color Harmonies

Complementary

#99C50F #3B0EC5

Analogous

#C5960E #3DC50E

Triadic

#0E99C5 #C50E98

Tetradic

#0EC596 #3B0EC5 #C50E3D

Tints, Shades & Tones

Tints (Adding White)

#99C50F

#A4CB29

#AFD144

#BBD85F

#C6DE79

#D1E594

#DDEBAF

#E8F2C9

#F3F8E4

#FFFFFF

Shades (Adding Black)

#99C50F

#88AF0D

#77990B

#66830A

#556D08

#445706

#334105

#222B03

#111501

#000000

WCAG Contrast Accessibility

2.03:1

Text on #FFFFFF

FAIL

10.35:1

Text on #000000

AAA

1.94:1

Text on #F8FAFC

FAIL

8.80:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Yellowgreen

#9ACD32