#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026