#DFF48A Color

#DFF48A is rgb(223, 244, 138) in RGB and hsl(72, 83%, 75%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#DFF48A

HEX#DFF48A

RGBrgb(223, 244, 138)

HSLhsl(72, 83%, 75%)

HSVhsv(72, 43%, 96%)

OKLCHoklch(92.9% 0.133 118.3)

CMYKcmyk(9%, 0%, 43%, 4%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DFF48A Complementary#A08AF4 Analogous#F4D48A Analogous#AAF48A Triadic#8ADFF4 Triadic#F48ADF

Tints & Shades

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

Tints

#E3F598 #E8F7AB #ECF8B9 #F0FAC7 #F3FBD5 #F9FDE8

Shades

#D2F05C #C5EB2D #ACD214 #829F0F #5C700A #354106

Use #DFF48A in Our Tools

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