#C4BEC5

#C4BEC5

Color Values

HEX

#C4BEC5

RGB

196, 190, 197

HSL

291.4, 5.7%, 75.9%

HSV

291.4, 3.6%, 77.3%

CMYK

0.5%, 3.6%, 0.0%, 22.7%

OKLCH

0.8085 0.0117 321.3

Properties

Cool Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#C4BEC5

#BFC5BE

Analogous

#C1BEC5

#C5BEC3

#C4BEC5

Triadic

#C4BEC5

#C5C4BE

#BEC5C4

Split Complementary

#C4BEC5

#C3C5BE

#BEC5C1

Tetradic

#C4BEC5

#C5C1BE

#BFC5BE

#BEC3C5

Color Blindness Simulation

Original

#C4BEC5

Protanopia

#C1C1C3

Deuteranopia

#C2C2C3

Tritanopia

#C4C2C2

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDD9DD
300
#C4BEC5
400
#A49BA6
500
#857887
600
#6A606C
700
#554D56
800
#423C43
900
#322E33
950
#201D20

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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