#BABBC4

#BABBC4

Color Values

HEX

#BABBC4

RGB

186, 187, 196

HSL

234,0, 7,8%, 74,9%

HSV

234,0, 5,1%, 76,9%

CMYK

5,1%, 4,6%, 0,0%, 23,1%

OKLCH

0,794 0,0127 281,0

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BABBC4

#C4C3BA

Analogous

#BAC0C4

#BEBAC4

#BABBC4

Triadic

#BABBC4

#C4BABB

#BBC4BA

Split Complementary

#BABBC4

#C4BEBA

#C0C4BA

Tetradic

#BABBC4

#C4BAC0

#C4C3BA

#BAC4BE

Color Blindness Simulation

Original

#BABBC4

Protanopia

#BABAC2

Deuteranopia

#BABAC1

Tritanopia

#BAC0C0

Achromatopsia

#BBBBBB

CSS Usage

background-color: #BABBC4;
color: #BABBC4;
border-color: #BABBC4;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D9D9DE
300
#BDBEC7
400
#999BA8
500
#767889
600
#5E606E
700
#4B4D58
800
#3B3C45
900
#2D2E34
950
#1C1D21

Contrast Checker

Text on white

1,91:1

AA Fail AAA Fail

Text on black

10,99:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026