#CDC6CC

#CDC6CC

Color Values

HEX

#CDC6CC

RGB

205, 198, 204

HSL

308,6, 6,5%, 79,0%

HSV

308,6, 3,4%, 80,4%

CMYK

0,0%, 3,4%, 0,5%, 19,6%

OKLCH

0,834 0,0113 330,2

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CDC6CC

#C6CDC7

Analogous

#CAC6CD

#CDC6C8

#CDC6CC

Triadic

#CDC6CC

#CCCDC6

#C6CCCD

Split Complementary

#CDC6CC

#C8CDC6

#C6CDCA

Tetradic

#CDC6CC

#CDCAC6

#C6CDC7

#C6C8CD

Color Blindness Simulation

Original

#CDC6CC

Protanopia

#CACACB

Deuteranopia

#CACBCA

Tritanopia

#CDC9C9

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DED9DD
300
#C6BEC5
400
#A79BA5
500
#887785
600
#6D5F6B
700
#574C55
800
#443C43
900
#332E32
950
#201D20

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,55: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