HEX Color #8ACC42 (Yellowgreen)

About #8ACC42

The hex code #8ACC42 represents a beautifully specific shade of green. Designers often compare it to the standard color Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 204, and 66.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 32% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#8ACC42

RGB138, 204, 66

HSL88.7°, 57.5%, 52.9%

CMYK32%, 0%, 68%, 20%

HSV88.7°, 67.6%, 80.0%

LAB75.4, -42.5, 59.5

XYZ33.1, 49.0, 12.9

Decimal9096258

Color Harmonies

Complementary

#8ACC42 #8441CC

Analogous

#CCC941 #44CC41

Triadic

#4189CC #CC4189

Tetradic

#41CCC9 #8441CC #CC4144

Tints, Shades & Tones

Tints (Adding White)

#8ACC42

#97D157

#A4D76C

#B1DD81

#BEE296

#CBE8AB

#D8EEC0

#E5F3D5

#F2F9EA

#FFFFFF

Shades (Adding Black)

#8ACC42

#7AB53A

#6B9E33

#5C882C

#4C7124

#3D5A1D

#2E4416

#1E2D0E

#0F1607

#000000

WCAG Contrast Accessibility

1.95:1

Text on #FFFFFF

FAIL

10.80:1

Text on #000000

AAA

1.86:1

Text on #F8FAFC

FAIL

9.18:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #8ACC42; }

.text-color { color: #8ACC42; }

.border-color { border: 2px solid #8ACC42; }

Similar Colors

Yellowgreen

#9ACD32