#BFDFDC Color

#BFDFDC is rgb(191, 223, 220) in RGB and hsl(174, 33%, 81%) in HSL. The closest CSS named color is PowderBlue. Black text is most readable on this background.

#BFDFDC

HEX#BFDFDC

RGBrgb(191, 223, 220)

HSLhsl(174, 33%, 81%)

HSVhsv(174, 14%, 87%)

OKLCHoklch(88% 0.034 189.6)

CMYKcmyk(14%, 0%, 1%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BFDFDC Complementary#DFBFC2 Analogous#BFDFCB Analogous#BFD2DF Triadic#DBBFDF Triadic#DFDBBF

Tints & Shades

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

Tints

#C5E2DF #D0E7E5 #D6EAE8 #E0F0EE #E7F3F2 #F1F8F7

Shades

#99CCC7 #74B9B2 #52A39B #3F7D77 #2C5854 #1A3330

Use #BFDFDC in Our Tools

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