#BABBC6

#BABBC6

Color Values

HEX

#BABBC6

RGB

186, 187, 198

HSL

235.0, 9.5%, 75.3%

HSV

235.0, 6.1%, 77.6%

CMYK

6.1%, 5.6%, 0.0%, 22.4%

OKLCH

0.7946 0.0155 281.9

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BABBC6

#C6C5BA

Analogous

#BAC1C6

#BFBAC6

#BABBC6

Triadic

#BABBC6

#C6BABB

#BBC6BA

Split Complementary

#BABBC6

#C6BFBA

#C1C6BA

Tetradic

#BABBC6

#C6BAC1

#C6C5BA

#BAC6BF

Color Blindness Simulation

Original

#BABBC6

Protanopia

#BABAC3

Deuteranopia

#BABAC3

Tritanopia

#BAC1C1

Achromatopsia

#BCBCBC

CSS Usage

background-color: #BABBC6;
color: #BABBC6;
border-color: #BABBC6;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D8D8DF
300
#BCBDC8
400
#9899AA
500
#73758C
600
#5C5E70
700
#4A4B59
800
#3A3B46
900
#2C2D35
950
#1C1C21

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

11.01:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026