#FFF0BD Color

#FFF0BD is rgb(255, 240, 189) in RGB and hsl(46, 100%, 87%) in HSL. The closest CSS named color is Bisque. Black text is most readable on this background.

#FFF0BD

HEX#FFF0BD

RGBrgb(255, 240, 189)

HSLhsl(46, 100%, 87%)

HSVhsv(46, 26%, 100%)

OKLCHoklch(95.5% 0.067 93.6)

CMYKcmyk(0%, 6%, 26%, 0%)

Text Contrast & Accessibility

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

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

TextBlack text18.45:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#FFF0BD Complementary#BDCCFF Analogous#FFCEBD Analogous#EDFFBD Triadic#BDFFF0 Triadic#F0BDFF

Tints & Shades

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

Tints

#FFF2C7 #FFF3CC #FFF5D6 #FFF7DB #FFF9E5 #FFFAEB

Shades

#FFE180 #FFD342 #FFC505 #CC9C00 #8F6D00 #523F00

Use #FFF0BD in Our Tools

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