#C4BCD7

#C4BCD7

Color Values

HEX

#C4BCD7

RGB

196, 188, 215

HSL

257.8, 25.2%, 79.0%

HSV

257.8, 12.6%, 84.3%

CMYK

8.8%, 12.6%, 0.0%, 15.7%

OKLCH

0.8102 0.0385 299.1

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#C4BCD7

#CFD7BC

Analogous

#BCC1D7

#D1BCD7

#C4BCD7

Triadic

#C4BCD7

#D7C4BC

#BCD7C4

Split Complementary

#C4BCD7

#D7D1BC

#C1D7BC

Tetradic

#C4BCD7

#D7BCC1

#CFD7BC

#BCD7D1

Color Blindness Simulation

Original

#C4BCD7

Protanopia

#C1C0D0

Deuteranopia

#C1C2CF

Tritanopia

#C4CBCA

Achromatopsia

#C0C0C0

CSS Usage

background-color: #C4BCD7;
color: #C4BCD7;
border-color: #C4BCD7;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#D8D2E4
300
#BCB2D1
400
#9789B8
500
#725FA0
600
#5C4C80
700
#493D66
800
#393050
900
#2C253B
950
#1C1826

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