#CCB7CE

#CCB7CE

Color Values

HEX

#CCB7CE

RGB

204, 183, 206

HSL

294.8, 19.0%, 76.3%

HSV

294.8, 11.2%, 80.8%

CMYK

1.0%, 11.2%, 0.0%, 19.2%

OKLCH

0.8042 0.0394 323.2

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CCB7CE

#B9CEB7

Analogous

#C1B7CE

#CEB7C5

#CCB7CE

Triadic

#CCB7CE

#CECCB7

#B7CECC

Split Complementary

#CCB7CE

#C5CEB7

#B7CEC1

Tetradic

#CCB7CE

#CEC1B7

#B9CEB7

#B7C5CE

Color Blindness Simulation

Original

#CCB7CE

Protanopia

#C3C3C8

Deuteranopia

#C4C6C7

Tritanopia

#CBC4C3

Achromatopsia

#BDBDBD

CSS Usage

background-color: #CCB7CE;
color: #CCB7CE;
border-color: #CCB7CE;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F8F6F9
100
#F0EAF0
200
#E1D5E2
300
#CBB6CD
400
#AF8FB3
500
#946798
600
#765379
700
#5E4261
800
#4A344C
900
#372839
950
#231924

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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