HEX Color #AFDB7C (Lightgreen)

About #AFDB7C

The precise color #AFDB7C is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Lightgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 219, and 124.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 20% cyan and 0% magenta inks. The HSL representation is 87.8° hue, 56.9% saturation, and 67.3% lightness.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#AFDB7C

RGB175, 219, 124

HSL87.8°, 56.9%, 67.3%

CMYK20%, 0%, 43%, 14%

HSV87.8°, 43.4%, 85.9%

LAB82.5, -30.2, 42.0

XYZ46.6, 61.2, 28.4

Decimal11524988

Color Harmonies

Complementary

#AFDB7C #A87BDB

Analogous

#DBD77B #7FDB7B

Triadic

#7BAEDB #DB7BAE

Tetradic

#7BDBD7 #A87BDB #DB7B7F

Tints, Shades & Tones

Tints (Adding White)

#AFDB7C

#B7DF8A

#C0E399

#C9E7A7

#D2EBB6

#DBEFC4

#E4F3D3

#EDF7E1

#F6FBF0

#FFFFFF

Shades (Adding Black)

#AFDB7C

#9BC26E

#88AA60

#749252

#617944

#4D6137

#3A4929

#26301B

#13180D

#000000

WCAG Contrast Accessibility

1.59:1

Text on #FFFFFF

FAIL

13.25:1

Text on #000000

AAA

1.52:1

Text on #F8FAFC

FAIL

11.26:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFDB7C; }

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

Similar Colors

Lightgreen

#90EE90