#CCBECE

#CCBECE

Color Values

HEX

#CCBECE

RGB

204, 190, 206

HSL

292.5, 14.0%, 77.6%

HSV

292.5, 7.8%, 80.8%

CMYK

1.0%, 7.8%, 0.0%, 19.2%

OKLCH

0.8179 0.0269 322.0

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CCBECE

#C0CEBE

Analogous

#C4BECE

#CEBEC8

#CCBECE

Triadic

#CCBECE

#CECCBE

#BECECC

Split Complementary

#CCBECE

#C8CEBE

#BECEC4

Tetradic

#CCBECE

#CEC4BE

#C0CEBE

#BEC8CE

Color Blindness Simulation

Original

#CCBECE

Protanopia

#C6C6CA

Deuteranopia

#C7C8C9

Tritanopia

#CBC7C6

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#DFD6E0
300
#C8B9CA
400
#AB93AE
500
#8D6E91
600
#715874
700
#5A465D
800
#463749
900
#352A37
950
#211B22

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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