#AFF066

A light, vivid green closely aligning with Yellowgreen.

About #AFF066

When working with digital screens, the color #AFF066 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 240, and 102.

For print applications, it's crucial to understand its CMYK makeup. The color uses 27% Cyan, 0% Magenta, 57% Yellow, and 6% Black. The HSL representation is 88.3° hue, 82.1% saturation, and 67.1% lightness.

When using this color as a background, text legibility must be considered. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#AFF066
RGB175, 240, 102
HSL88.3°, 82.1%, 67.1%
CMYK27%, 0%, 57%, 6%
HSV88.3°, 57.5%, 94.1%
LAB88.2, -42.0, 59.0
XYZ51.2, 72.4, 23.8
Decimal11530342

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.36:1
Text on #FFFFFF
FAIL
15.48:1
Text on #000000
AAA
1.30:1
Text on #F8FAFC
FAIL
13.16:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #AFF066; }
.text-color { color: #AFF066; }
.border-color { border: 2px solid #AFF066; }

Similar Colors

Yellowgreen
#9ACD32