#B3ACD6

#B3ACD6

Color Values

HEX

#B3ACD6

RGB

179, 172, 214

HSL

250.0, 33.9%, 75.7%

HSV

250.0, 19.6%, 83.9%

CMYK

16.4%, 19.6%, 0.0%, 16.1%

OKLCH

0.7644 0.0599 292.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B3ACD6

#CFD6AC

Analogous

#ACBAD6

#C8ACD6

#B3ACD6

Triadic

#B3ACD6

#D6B3AC

#ACD6B3

Split Complementary

#B3ACD6

#D6C8AC

#BAD6AC

Tetradic

#B3ACD6

#D6ACBA

#CFD6AC

#ACD6C8

Color Blindness Simulation

Original

#B3ACD6

Protanopia

#B0B0CC

Deuteranopia

#B0B1C9

Tritanopia

#B3C4C2

Achromatopsia

#B1B1B1

CSS Usage

background-color: #B3ACD6;
color: #B3ACD6;
border-color: #B3ACD6;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F6F5FA
100
#EAE8F2
200
#D3CFE7
300
#B4ADD7
400
#8B81C1
500
#6354AB
600
#4F4389
700
#3F366D
800
#312A55
900
#27223F
950
#181528

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.79: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