#B3ADC5

#B3ADC5

Color Values

HEX

#B3ADC5

RGB

179, 173, 197

HSL

255.0, 17.1%, 72.5%

HSV

255.0, 12.2%, 77.3%

CMYK

9.1%, 12.2%, 0.0%, 22.7%

OKLCH

0.7602 0.0345 297.0

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B3ADC5

#BFC5AD

Analogous

#ADB3C5

#BFADC5

#B3ADC5

Triadic

#B3ADC5

#C5B3AD

#ADC5B3

Split Complementary

#B3ADC5

#C5BFAD

#B3C5AD

Tetradic

#B3ADC5

#C5ADB3

#BFC5AD

#ADC5BF

Color Blindness Simulation

Original

#B3ADC5

Protanopia

#B0B0BF

Deuteranopia

#B1B1BE

Tritanopia

#B3BBBA

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D8D5E1
300
#BDB7CC
400
#9991B1
500
#756A95
600
#5D5577
700
#4B4460
800
#3A354B
900
#2D2938
950
#1C1A23

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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