#FFCCBD Color

#FFCCBD is rgb(255, 204, 189) in RGB and hsl(14, 100%, 87%) in HSL. The closest CSS named color is PeachPuff. Black text is most readable on this background.

#FFCCBD

HEX#FFCCBD

RGBrgb(255, 204, 189)

HSLhsl(14, 100%, 87%)

HSVhsv(14, 26%, 100%)

OKLCHoklch(88.6% 0.062 37)

CMYKcmyk(0%, 20%, 26%, 0%)

Text Contrast & Accessibility

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

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

TextBlack text14.62:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#FFCCBD Complementary#BDF0FF Analogous#FFBDCE Analogous#FFEDBD Triadic#BDFFCC Triadic#CCBDFF

Tints & Shades

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

Tints

#FFD4C7 #FFD8CC #FFE0D6 #FFE4DB #FFEBE5 #FFEFEB

Shades

#FF9D80 #FF6E42 #FF3F05 #CC3000 #8F2100 #521300

Use #FFCCBD in Our Tools

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