#C6BBCF

#C6BBCF

Color Values

HEX

#C6BBCF

RGB

198, 187, 207

HSL

273,0, 17,2%, 77,3%

HSV

273,0, 9,7%, 81,2%

CMYK

4,3%, 9,7%, 0,0%, 18,8%

OKLCH

0,8073 0,0302 310,1

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#C6BBCF

#C4CFBB

Analogous

#BCBBCF

#CFBBCE

#C6BBCF

Triadic

#C6BBCF

#CFC6BB

#BBCFC6

Split Complementary

#C6BBCF

#CECFBB

#BBCFBC

Tetradic

#C6BBCF

#CFBCBB

#C4CFBB

#BBCECF

Color Blindness Simulation

Original

#C6BBCF

Protanopia

#C1C1CA

Deuteranopia

#C2C3C9

Tritanopia

#C5C6C6

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBF0
200
#DCD5E1
300
#C3B7CC
400
#A290B1
500
#826A95
600
#685478
700
#534460
800
#41354B
900
#312938
950
#1F1A23

Contrast Checker

Text on white

1,84:1

AA Fail AAA Fail

Text on black

11,41:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026