#B0A5CC

#B0A5CC

Color Values

HEX

#B0A5CC

RGB

176, 165, 204

HSL

256.9, 27.7%, 72.4%

HSV

256.9, 19.1%, 80.0%

CMYK

13.7%, 19.1%, 0.0%, 20.0%

OKLCH

0.7443 0.0567 297.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B0A5CC

#C1CCA5

Analogous

#A5AECC

#C4A5CC

#B0A5CC

Triadic

#B0A5CC

#CCB0A5

#A5CCB0

Split Complementary

#B0A5CC

#CCC4A5

#AECCA5

Tetradic

#B0A5CC

#CCA5AE

#C1CCA5

#A5CCC4

Color Blindness Simulation

Original

#B0A5CC

Protanopia

#ABABC3

Deuteranopia

#ACADC0

Tritanopia

#AFBBB9

Achromatopsia

#AAAAAA

CSS Usage

background-color: #B0A5CC;
color: #B0A5CC;
border-color: #B0A5CC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F7F6F9
100
#EBE9F1
200
#D7D1E5
300
#BAB1D3
400
#9587BB
500
#705CA3
600
#5A4A82
700
#483B68
800
#382E51
900
#2B243D
950
#1B1726

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026