#CCB9CB

#CCB9CB

Color Values

HEX

#CCB9CB

RGB

204, 185, 203

HSL

303.2, 15.7%, 76.3%

HSV

303.2, 9.3%, 80.0%

CMYK

0.0%, 9.3%, 0.5%, 20.0%

OKLCH

0.8071 0.0326 327.5

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#CCB9CB

#B9CCBA

Analogous

#C4B9CC

#CCB9C2

#CCB9CB

Triadic

#CCB9CB

#CBCCB9

#B9CBCC

Split Complementary

#CCB9CB

#C2CCB9

#B9CCC4

Tetradic

#CCB9CB

#CCC4B9

#B9CCBA

#B9C2CC

Color Blindness Simulation

Original

#CCB9CB

Protanopia

#C4C4C7

Deuteranopia

#C5C6C6

Tritanopia

#CBC3C2

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D6E0
300
#CBB8CA
400
#AF92AE
500
#946B91
600
#765674
700
#5E455D
800
#4A3649
900
#372A37
950
#231A22

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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