#B3D8FB

Color Details

HEX
#B3D8FB
RGB
rgb(179, 216, 251)
HSL
hsl(209, 90%, 84%)
CMYK
cmyk(29%, 14%, 0%, 2%)
Best text on this color #000000 (CR 14.13:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b3d8fb
Contrast 14.13:1 AAA
White on #b3d8fb
Contrast 1.49:1 Fail
#b3d8fb on Black
Contrast 14.13:1 AAA
#b3d8fb on White
Contrast 1.49:1 Fail

Tints & Shades

#c2e0fc
#d1e8fd
#e1effd
#8fadc9
#6b8297
#485664

Complement & Analogous

#fbd5b1
#b1b3fb
#b1fbfa

Triadic

#fbb1d7
#d7fbb1

Monochrome

#485664 #6b8297 #b3d8fb #d1e8fd #e1effd #f0f7fe

Analogous

#b1fbfa #c8fcfc #b3d8fb #c1c2fc #b1b3fb #8e8fc9

Complementary Mix

#6b8297 #b3d8fb #d1e8fd #fbd5b1 #fce4cc #a38a73

Nearby Colors

#b3d8fa
#b3d8fc
#b3d8eb
#b3d90b

Embed #B3D8FB swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #B3D8FB

#B3D8FB converts to RGB(179, 216, 251) and HSL(209, 90%, 84%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#B3D8FB FAQs

What is the RGB value of #B3D8FB?
RGB: 179, 216, 251. Copy as CSS: rgb(179, 216, 251)
Is #B3D8FB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B3D8FB?
Complement: #fbd5b1.
Does #B3D8FB have good contrast on white or black?
On white: 1.49:1 (Fails AA). On black: 14.13:1 (AAA (normal text)).