HEX Color #8AC533 (Yellowgreen)

About #8AC533

The precise color #8AC533 is an excellent choice for modern design projects. Its closest recognized web color is Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 197, and 51.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 30% cyan and 0% magenta inks. With a hue angle of 84.2 degrees, it sits comfortably in the green spectrum.

Ensuring your text is legible against this background is a key part of web design. 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#8AC533

RGB138, 197, 51

HSL84.2°, 58.9%, 48.6%

CMYK30%, 0%, 74%, 23%

HSV84.2°, 74.1%, 77.3%

LAB73.3, -40.4, 62.8

XYZ31.0, 45.6, 10.3

Decimal9094451

Color Harmonies

Complementary

#8AC533 #6E33C5

Analogous

#C5B733 #41C533

Triadic

#3389C5 #C53389

Tetradic

#33C5B7 #6E33C5 #C53341

Tints, Shades & Tones

Tints (Adding White)

#8AC533

#97CB49

#A4D160

#B1D877

#BEDE8D

#CBE5A4

#D8EBBB

#E5F2D1

#F2F8E8

#FFFFFF

Shades (Adding Black)

#8AC533

#7AAF2D

#6B9927

#5C8322

#4C6D1C

#3D5716

#2E4111

#1E2B0B

#0F1505

#000000

WCAG Contrast Accessibility

2.08:1

Text on #FFFFFF

FAIL

10.11:1

Text on #000000

AAA

1.98:1

Text on #F8FAFC

FAIL

8.60:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Yellowgreen

#9ACD32