#AFDC74 Color

#AFDC74 is rgb(175, 220, 116) in RGB and hsl(86, 60%, 66%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#AFDC74

HEX#AFDC74

RGBrgb(175, 220, 116)

HSLhsl(86, 60%, 66%)

HSVhsv(86, 47%, 86%)

OKLCHoklch(84% 0.141 128.3)

CMYKcmyk(20%, 0%, 47%, 14%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #AFDC74 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.58:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text13.31:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #AFDC74 based on color wheel relationships. Click any swatch for its full breakdown.

Base#AFDC74 Complementary#A174DC Analogous#DCD574 Analogous#7BDC74 Triadic#74AFDC Triadic#DC74AF

Tints & Shades

Lighter tints and darker shades of #AFDC74, useful for hover states, backgrounds, and text variants.

Tints

#BBE189 #C4E699 #D0EBAD #D9EFBE #E5F4D2 #EFF8E2

Shades

#9AD350 #84C431 #6B9F28 #557E20 #3D5A16 #24350D

Use #AFDC74 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex