#B3A5CC

Color Details

HEX
#B3A5CC
RGB
rgb(179, 165, 204)
HSL
hsl(262, 28%, 72%)
CMYK
cmyk(12%, 19%, 0%, 20%)
Best text on this color #000000 (CR 9.17:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b3a5cc
Contrast 9.17:1 AAA
White on #b3a5cc
Contrast 2.29:1 Fail
#b3a5cc on Black
Contrast 9.17:1 AAA
#b3a5cc on White
Contrast 2.29:1 Fail

Tints & Shades

#c2b7d6
#d1c9e0
#e1dbeb
#8f84a3
#6b637a
#484252

Complement & Analogous

#bdcca4
#c6a4cc
#a4a9cc

Triadic

#ccb2a4
#a4ccb2

Monochrome

#484252 #6b637a #b3a5cc #d1c9e0 #e1dbeb #f0edf5

Analogous

#a4a9cc #bfc3db #b3a5cc #d1b6d6 #c6a4cc #9e83a3

Complementary Mix

#6b637a #b3a5cc #d1c9e0 #bdcca4 #d4dec4 #7b856b

Nearby Colors

#b3a5cb
#b3a5cd
#b3a5bc
#b3a5dc

Embed #B3A5CC swatch

Embed this swatch

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

Open image

About #B3A5CC

#B3A5CC converts to RGB(179, 165, 204) and HSL(262, 28%, 72%). 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).

#B3A5CC FAQs

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