#B3D6EA Color

#B3D6EA is rgb(179, 214, 234) in RGB and hsl(202, 57%, 81%) in HSL. The closest CSS named color is LightBlue. Black text is most readable on this background.

#B3D6EA

HEX#B3D6EA

RGBrgb(179, 214, 234)

HSLhsl(202, 57%, 81%)

HSVhsv(202, 24%, 92%)

OKLCHoklch(85.7% 0.046 233.1)

CMYKcmyk(24%, 9%, 0%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B3D6EA Complementary#EAC7B3 Analogous#B3EAE3 Analogous#B3BAEA Triadic#EAB3D6 Triadic#D6EAB3

Tints & Shades

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

Tints

#BBDAEC #C7E1F0 #CFE5F2 #DBECF5 #E3F0F7 #EFF6FB

Shades

#87BEDE #5BA6D2 #358DC0 #296D94 #1D4C68 #102C3C

Use #B3D6EA in Our Tools

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