HEX Color #A8F06D (Yellowgreen)

About #A8F06D

The precise color #A8F06D is an excellent choice for modern design projects. It is closely associated with the named CSS color Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 240, and 109.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 30% C, 0% M, 55% Y, and 6% K. The HSL representation is 93.0° hue, 81.4% saturation, and 68.4% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#A8F06D

RGB168, 240, 109

HSL93.0°, 81.4%, 68.4%

CMYK30%, 0%, 55%, 6%

HSV93.0°, 54.6%, 94.1%

LAB87.8, -43.8, 55.5

XYZ50.1, 71.7, 25.7

Decimal11071597

Color Harmonies

Complementary

#A8F06D #B46CF0

Analogous

#E9F06C #6CF073

Triadic

#6CA8F0 #F06CA8

Tetradic

#6CE9F0 #B46CF0 #F0736C

Tints, Shades & Tones

Tints (Adding White)

#A8F06D

#B1F17D

#BBF38D

#C5F59D

#CEF6AD

#D8F8BE

#E2FACE

#EBFBDE

#F5FDEE

#FFFFFF

Shades (Adding Black)

#A8F06D

#95D560

#82BA54

#70A048

#5D853C

#4A6A30

#385024

#253518

#121A0C

#000000

WCAG Contrast Accessibility

1.37:1

Text on #FFFFFF

FAIL

15.35:1

Text on #000000

AAA

1.31:1

Text on #F8FAFC

FAIL

13.05:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #A8F06D; }

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

Similar Colors

Yellowgreen

#9ACD32