#B5C3DB

Color Details

HEX
#B5C3DB
RGB
rgb(181, 195, 219)
HSL
hsl(218, 35%, 78%)
CMYK
cmyk(17%, 11%, 0%, 14%)
Best text on this color #000000 (CR 11.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b5c3db
Contrast 11.79:1 AAA
White on #b5c3db
Contrast 1.78:1 Fail
#b5c3db on Black
Contrast 11.79:1 AAA
#b5c3db on White
Contrast 1.78:1 Fail

Tints & Shades

#c4cfe2
#d3dbe9
#e1e7f1
#919caf
#6d7583
#484e58

Complement & Analogous

#dbccb3
#b9b3db
#b3d5db

Triadic

#dbb3c2
#c2dbb3

Monochrome

#484e58 #6d7583 #b5c3db #d3dbe9 #e1e7f1 #f0f3f8

Analogous

#b3d5db #cae2e6 #b5c3db #c7c2e2 #b9b3db #948faf

Complementary Mix

#6d7583 #b5c3db #d3dbe9 #dbccb3 #e8dece #8e8574

Nearby Colors

#b5c3da
#b5c3dc
#b5c3cb
#b5c3eb

Embed #B5C3DB swatch

Embed this swatch

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

Open image

About #B5C3DB

#B5C3DB converts to RGB(181, 195, 219) and HSL(218, 35%, 78%). 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).

#B5C3DB FAQs

What is the RGB value of #B5C3DB?
RGB: 181, 195, 219. Copy as CSS: rgb(181, 195, 219)
Is #B5C3DB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B5C3DB?
Complement: #dbccb3.
Does #B5C3DB have good contrast on white or black?
On white: 1.78:1 (Fails AA). On black: 11.79:1 (AAA (normal text)).