#B5C6DD

Color Details

HEX
#B5C6DD
RGB
rgb(181, 198, 221)
HSL
hsl(215, 37%, 79%)
CMYK
cmyk(18%, 10%, 0%, 13%)
Best text on this color #000000 (CR 12.09:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b5c6dd
Contrast 12.09:1 AAA
White on #b5c6dd
Contrast 1.74:1 Fail
#b5c6dd on Black
Contrast 12.09:1 AAA
#b5c6dd on White
Contrast 1.74:1 Fail

Tints & Shades

#c4d1e4
#d3ddeb
#e1e8f1
#919eb1
#6d7785
#484f58

Complement & Analogous

#ddcdb6
#b9b6dd
#b6dadd

Triadic

#ddb6c6
#c6ddb6

Monochrome

#484f58 #6d7785 #b5c6dd #d3ddeb #e1e8f1 #f0f4f8

Analogous

#b6dadd #cce5e7 #b5c6dd #c7c5e4 #b9b6dd #9492b1

Complementary Mix

#6d7785 #b5c6dd #d3ddeb #ddcdb6 #e9dfd0 #908576

Nearby Colors

#b5c6dc
#b5c6de
#b5c6cd
#b5c6ed

Embed #B5C6DD swatch

Embed this swatch

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

Open image

About #B5C6DD

#B5C6DD converts to RGB(181, 198, 221) and HSL(215, 37%, 79%). 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).

#B5C6DD FAQs

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