HEX Color #99D30F (Yellowgreen)

About #99D30F

The precise color #99D30F is an excellent choice for modern design projects. Designers often compare it to the standard color Yellowgreen. In the RGB color space, it consists of 153 red, 211 green, and 15 blue.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 27% cyan, 0% magenta, 93% yellow, and 17% black. With a hue angle of 77.8 degrees, it sits comfortably in the green spectrum.

From a UX and accessibility standpoint, contrast is paramount. 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#99D30F

RGB153, 211, 15

HSL77.8°, 86.7%, 44.3%

CMYK27%, 0%, 93%, 17%

HSV77.8°, 92.9%, 82.7%

LAB78.1, -42.1, 75.7

XYZ36.5, 53.4, 8.8

Decimal10081039

Color Harmonies

Complementary

#99D30F #480FD3

Analogous

#D3AB0F #36D30F

Triadic

#0F98D3 #D30F98

Tetradic

#0FD3AB #480FD3 #D30F36

Tints, Shades & Tones

Tints (Adding White)

#99D30F

#A4D729

#AFDC44

#BBE15F

#C6E679

#D1EB94

#DDF0AF

#E8F5C9

#F3FAE4

#FFFFFF

Shades (Adding Black)

#99D30F

#88BB0D

#77A40B

#668C0A

#557508

#445D06

#334605

#222E03

#111701

#000000

WCAG Contrast Accessibility

1.80:1

Text on #FFFFFF

FAIL

11.68:1

Text on #000000

AAA

1.72:1

Text on #F8FAFC

FAIL

9.93:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Yellowgreen

#9ACD32