#CCABC7

#CCABC7

Color Values

HEX

#CCABC7

RGB

204, 171, 199

HSL

309.1, 24.4%, 73.5%

HSV

309.1, 16.2%, 80.0%

CMYK

0.0%, 16.2%, 2.5%, 20.0%

OKLCH

0.7789 0.0538 331.2

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#CCABC7

#ABCCB0

Analogous

#C0ABCC

#CCABB6

#CCABC7

Triadic

#CCABC7

#C7CCAB

#ABC7CC

Split Complementary

#CCABC7

#B6CCAB

#ABCCC0

Tetradic

#CCABC7

#CCC0AB

#ABCCB0

#ABB6CC

Color Blindness Simulation

Original

#CCABC7

Protanopia

#BEBDC0

Deuteranopia

#C0C2BF

Tritanopia

#CABBBA

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E4D3E1
300
#D1B3CC
400
#B88AB1
500
#9F6095
600
#7F4D77
700
#663E5F
800
#4F304B
900
#3B2638
950
#251823

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026