HEX Color #A0E233 (Yellowgreen)

About #A0E233

The hex code #A0E233 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Yellowgreen. In the RGB color space, it consists of 160 red, 226 green, and 51 blue.

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

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#A0E233

RGB160, 226, 51

HSL82.6°, 75.1%, 54.3%

CMYK29%, 0%, 77%, 11%

HSV82.6°, 77.4%, 88.6%

LAB83.0, -44.9, 72.4

XYZ42.3, 62.1, 12.9

Decimal10543667

Color Harmonies

Complementary

#A0E233 #7532E2

Analogous

#E2CC32 #48E232

Triadic

#32A0E2 #E2329F

Tetradic

#32E2CC #7532E2 #E23248

Tints, Shades & Tones

Tints (Adding White)

#A0E233

#AAE549

#B5E860

#BFEB77

#CAEE8D

#D4F2A4

#DFF5BB

#E9F8D1

#F4FBE8

#FFFFFF

Shades (Adding Black)

#A0E233

#8EC82D

#7CAF27

#6A9622

#587D1C

#476416

#354B11

#23320B

#111905

#000000

WCAG Contrast Accessibility

1.56:1

Text on #FFFFFF

FAIL

13.42:1

Text on #000000

AAA

1.50:1

Text on #F8FAFC

FAIL

11.41:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #A0E233; }

.text-color { color: #A0E233; }

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

Similar Colors

Yellowgreen

#9ACD32