#B3CDFA Color

#B3CDFA is rgb(179, 205, 250) in RGB and hsl(218, 88%, 84%) in HSL. The closest CSS named color is LightBlue. Black text is most readable on this background.

#B3CDFA

HEX#B3CDFA

RGBrgb(179, 205, 250)

HSLhsl(218, 88%, 84%)

HSVhsv(218, 28%, 98%)

OKLCHoklch(84.4% 0.069 261.3)

CMYKcmyk(28%, 18%, 0%, 2%)

Text Contrast & Accessibility

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

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

TextBlack text13.03:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#B3CDFA Complementary#FAE0B2 Analogous#B2F1FA Analogous#BCB2FA Triadic#FAB2CD Triadic#CDFAB2

Tints & Shades

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

Tints

#BCD3FB #C5D9FB #CFE0FC #D9E6FD #E2ECFD #ECF2FE

Shades

#7EAAF7 #4484F3 #0F62F0 #0C4AB6 #083581 #051D48

Use #B3CDFA in Our Tools

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