#C6BCCC

#C6BCCC

Color Values

HEX

#C6BCCC

RGB

198, 188, 204

HSL

277.5, 13.6%, 76.9%

HSV

277.5, 7.8%, 80.0%

CMYK

2.9%, 7.8%, 0.0%, 20.0%

OKLCH

0.8083 0.0247 313.1

Properties

Cool Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#C6BCCC

#C2CCBC

Analogous

#BEBCCC

#CCBCCA

#C6BCCC

Triadic

#C6BCCC

#CCC6BC

#BCCCC6

Split Complementary

#C6BCCC

#CACCBC

#BCCCBE

Tetradic

#C6BCCC

#CCBEBC

#C2CCBC

#BCCACC

Color Blindness Simulation

Original

#C6BCCC

Protanopia

#C2C2C8

Deuteranopia

#C2C3C7

Tritanopia

#C6C5C4

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD6E0
300
#C4B9CA
400
#A494AD
500
#846E91
600
#695874
700
#54475D
800
#423748
900
#322B36
950
#201B22

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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