#CCBFC8

#CCBFC8

Color Values

HEX

#CCBFC8

RGB

204, 191, 200

HSL

318.5, 11.3%, 77.5%

HSV

318.5, 6.4%, 80.0%

CMYK

0.0%, 6.4%, 2.0%, 20.0%

OKLCH

0.818 0.019 336.6

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CCBFC8

#BFCCC3

Analogous

#CABFCC

#CCBFC2

#CCBFC8

Triadic

#CCBFC8

#C8CCBF

#BFC8CC

Split Complementary

#CCBFC8

#C2CCBF

#BFCCCA

Tetradic

#CCBFC8

#CCCABF

#BFCCC3

#BFC2CC

Color Blindness Simulation

Original

#CCBFC8

Protanopia

#C6C6C6

Deuteranopia

#C7C8C5

Tritanopia

#CBC4C4

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#DFD7DD
300
#C9BBC4
400
#AB96A5
500
#8E7185
600
#725A6A
700
#5B4855
800
#473943
900
#352C32
950
#221B20

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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