#DEFFB3 Color

#DEFFB3 is rgb(222, 255, 179) in RGB and hsl(86, 100%, 85%) in HSL. The closest CSS named color is PaleGoldenrod. Black text is most readable on this background.

#DEFFB3

HEX#DEFFB3

RGBrgb(222, 255, 179)

HSLhsl(86, 100%, 85%)

HSVhsv(86, 30%, 100%)

OKLCHoklch(95.8% 0.104 127.3)

CMYKcmyk(13%, 0%, 30%, 0%)

Text Contrast & Accessibility

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

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

TextBlack text19.06:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#DEFFB3 Complementary#D4B3FF Analogous#FFFAB3 Analogous#B8FFB3 Triadic#B3DEFF Triadic#FFB3DE

Tints & Shades

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

Tints

#E2FFBD #E7FFC7 #EBFFD1 #EDFFD6 #F2FFE0 #F6FFEB

Shades

#C3FF75 #ABFF3D #91FF00 #71C700 #4E8A00 #2E5200

Use #DEFFB3 in Our Tools

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