#DCF5BC Color

#DCF5BC is rgb(220, 245, 188) in RGB and hsl(86, 74%, 85%) in HSL. The closest CSS named color is PaleGoldenrod. Black text is most readable on this background.

#DCF5BC

HEX#DCF5BC

RGBrgb(220, 245, 188)

HSLhsl(86, 74%, 85%)

HSVhsv(86, 23%, 96%)

OKLCHoklch(93.8% 0.079 127.1)

CMYKcmyk(10%, 0%, 23%, 4%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DCF5BC Complementary#D5BCF5 Analogous#F5F1BC Analogous#C0F5BC Triadic#BCDDF5 Triadic#F5BCDD

Tints & Shades

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

Tints

#E1F6C5 #E6F8CE #EAF9D7 #EDFADC #F1FBE4 #F6FCED

Shades

#C1ED87 #A8E656 #8CDE21 #6DAD1A #4C7812 #2D470B

Use #DCF5BC in Our Tools

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