#DAF297 Color

#DAF297 is rgb(218, 242, 151) in RGB and hsl(76, 78%, 77%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#DAF297

HEX#DAF297

RGBrgb(218, 242, 151)

HSLhsl(76, 78%, 77%)

HSVhsv(76, 38%, 95%)

OKLCHoklch(92.3% 0.118 120.8)

CMYKcmyk(10%, 0%, 38%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text17.13:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#DAF297 Complementary#AF97F2 Analogous#F2DD97 Analogous#ACF297 Triadic#97DAF2 Triadic#F297DA

Tints & Shades

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

Tints

#DFF4A4 #E3F5B2 #E8F7BF #EDF9CD #F2FBDB #F7FCE8

Shades

#C9EC69 #B8E637 #A0D11A #7A9F14 #57710E #314008

Use #DAF297 in Our Tools

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