#AFC280 Color

#AFC280 is rgb(175, 194, 128) in RGB and hsl(77, 35%, 63%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#AFC280

HEX#AFC280

RGBrgb(175, 194, 128)

HSLhsl(77, 35%, 63%)

HSVhsv(77, 34%, 76%)

OKLCHoklch(78.4% 0.091 121.6)

CMYKcmyk(10%, 0%, 34%, 24%)

Text Contrast & Accessibility

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

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

TextBlack text10.85:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#AFC280 Complementary#9280C2 Analogous#C2B380 Analogous#8EC280 Triadic#80AFC2 Triadic#C280AF

Tints & Shades

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

Tints

#BACA91 #C5D2A2 #CFDBB3 #DAE3C4 #E5EBD6 #F0F3E7

Shades

#9EB464 #879E4C #70833F #556430 #3E4823 #232914

Use #AFC280 in Our Tools

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