#B6ABC4

#B6ABC4

Color Values

HEX

#B6ABC4

RGB

182, 171, 196

HSL

266,4, 17,5%, 72,0%

HSV

266,4, 12,8%, 76,9%

CMYK

7,1%, 12,8%, 0,0%, 23,1%

OKLCH

0,7584 0,0373 305,4

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#B6ABC4

#B9C4AB

Analogous

#ABADC4

#C3ABC4

#B6ABC4

Triadic

#B6ABC4

#C4B6AB

#ABC4B6

Split Complementary

#B6ABC4

#C4C3AB

#ADC4AB

Tetradic

#B6ABC4

#C4ABAD

#B9C4AB

#ABC4C3

Color Blindness Simulation

Original

#B6ABC4

Protanopia

#B1B1BE

Deuteranopia

#B2B3BC

Tritanopia

#B5B9B8

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEAF0
200
#DBD5E2
300
#C1B7CD
400
#9F90B1
500
#7D6996
600
#645478
700
#504360
800
#3E354B
900
#302938
950
#1E1A23

Contrast Checker

Text on white

2,18:1

AA Fail AAA Fail

Text on black

9,61: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