#B4B5DB

Color Details

HEX
#B4B5DB
RGB
rgb(180, 181, 219)
HSL
hsl(238, 35%, 78%)
CMYK
cmyk(18%, 17%, 0%, 14%)
Best text on this color #000000 (CR 10.57:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4b5db
Contrast 10.57:1 AAA
White on #b4b5db
Contrast 1.99:1 Fail
#b4b5db on Black
Contrast 10.57:1 AAA
#b4b5db on White
Contrast 1.99:1 Fail

Tints & Shades

#c3c4e2
#d2d3e9
#e1e1f1
#9091af
#6c6d83
#484858

Complement & Analogous

#dbd9b3
#c6b3db
#b3c8db

Triadic

#dbb3b5
#b5dbb3

Monochrome

#484858 #6c6d83 #b4b5db #d2d3e9 #e1e1f1 #f0f0f8

Analogous

#b3c8db #cad9e6 #b4b5db #d1c2e2 #c6b3db #9e8faf

Complementary Mix

#6c6d83 #b4b5db #d2d3e9 #dbd9b3 #e8e6ce #8e8d74

Nearby Colors

#b4b5da
#b4b5dc
#b4b5cb
#b4b5eb

Embed #B4B5DB swatch

Embed this swatch

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

Open image

About #B4B5DB

#B4B5DB converts to RGB(180, 181, 219) and HSL(238, 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).

#B4B5DB FAQs

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