#CFBDD1

#CFBDD1

Color Values

HEX

#CFBDD1

RGB

207, 189, 209

HSL

294.0, 17.9%, 78.0%

HSV

294.0, 9.6%, 82.0%

CMYK

1.0%, 9.6%, 0.0%, 18.0%

OKLCH

0.8194 0.0339 322.8

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CFBDD1

#BFD1BD

Analogous

#C5BDD1

#D1BDC9

#CFBDD1

Triadic

#CFBDD1

#D1CFBD

#BDD1CF

Split Complementary

#CFBDD1

#C9D1BD

#BDD1C5

Tetradic

#CFBDD1

#D1C5BD

#BFD1BD

#BDC9D1

Color Blindness Simulation

Original

#CFBDD1

Protanopia

#C7C7CC

Deuteranopia

#C8CACB

Tritanopia

#CEC8C8

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D5E2
300
#CBB7CD
400
#AE90B2
500
#926996
600
#755478
700
#5D4360
800
#49344B
900
#372938
950
#231A24

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