#BAD17A Color
#BAD17A is rgb(186, 209, 122) in RGB and hsl(76, 49%, 65%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.
#BAD17A
HEX
#BAD17ARGB
rgb(186, 209, 122)HSL
hsl(76, 49%, 65%)HSV
hsv(76, 42%, 82%)OKLCH
oklch(82.4% 0.115 121.1)CMYK
cmyk(11%, 0%, 42%, 18%)Text Contrast & Accessibility
WCAG contrast ratios for text on a #BAD17A background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.
TextWhite text1.68:1AA normal ✗AA large ✗AAA normal ✗
TextBlack text12.49:1AA normal ✓AA large ✓AAA normal ✓
Color Harmonies
Colors that pair well with #BAD17A based on color wheel relationships. Click any swatch for its full breakdown.
Tints & Shades
Lighter tints and darker shades of #BAD17A, useful for hover states, backgrounds, and text variants.