#C4BBC9

#C4BBC9

Color Values

HEX

#C4BBC9

RGB

196, 187, 201

HSL

278.6, 11.5%, 76.1%

HSV

278.6, 7.0%, 78.8%

CMYK

2.5%, 7.0%, 0.0%, 21.2%

OKLCH

0.8037 0.0218 313.8

Properties

Cool Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#C4BBC9

#C0C9BB

Analogous

#BDBBC9

#C9BBC7

#C4BBC9

Triadic

#C4BBC9

#C9C4BB

#BBC9C4

Split Complementary

#C4BBC9

#C7C9BB

#BBC9BD

Tetradic

#C4BBC9

#C9BDBB

#C0C9BB

#BBC7C9

Color Blindness Simulation

Original

#C4BBC9

Protanopia

#C0C0C6

Deuteranopia

#C1C1C5

Tritanopia

#C4C3C2

Achromatopsia

#BEBEBE

CSS Usage

background-color: #C4BBC9;
color: #C4BBC9;
border-color: #C4BBC9;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DCD7DF
300
#C4BBC9
400
#A496AC
500
#84718E
600
#695A72
700
#54485B
800
#423847
900
#322B35
950
#201B22

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.3:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026