#CC9DEF

#CC9DEF

Color Values

HEX

#CC9DEF

RGB

204, 157, 239

HSL

274.4, 71.9%, 77.6%

HSV

274.4, 34.3%, 93.7%

CMYK

14.6%, 34.3%, 0.0%, 6.3%

OKLCH

0.7687 0.1241 309.9

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#CC9DEF

#C0EF9D

Analogous

#A39DEF

#EF9DE9

#CC9DEF

Triadic

#CC9DEF

#EFCC9D

#9DEFCC

Split Complementary

#CC9DEF

#E9EF9D

#9DEFA3

Tetradic

#CC9DEF

#EFA39D

#C0EF9D

#9DE9EF

Color Blindness Simulation

Original

#CC9DEF

Protanopia

#B8B7DB

Deuteranopia

#BABED6

Tritanopia

#CACBC8

Achromatopsia

#ADADAD

CSS Usage

background-color: #CC9DEF;
color: #CC9DEF;
border-color: #CC9DEF;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC2F5
300
#C896EE
400
#AB5DE4
500
#8D24DB
600
#711DAF
700
#5A178C
800
#46126E
900
#351150
950
#220B32

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026