#CC97ED

#CC97ED

Color Values

HEX

#CC97ED

RGB

204, 151, 237

HSL

277.0, 70.5%, 76.1%

HSV

277.0, 36.3%, 92.9%

CMYK

13.9%, 36.3%, 0.0%, 7.1%

OKLCH

0.7575 0.1319 311.7

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#CC97ED

#B8ED97

Analogous

#A197ED

#ED97E3

#CC97ED

Triadic

#CC97ED

#EDCC97

#97EDCC

Split Complementary

#CC97ED

#E3ED97

#97EDA1

Tetradic

#CC97ED

#EDA197

#B8ED97

#97E3ED

Color Blindness Simulation

Original

#CC97ED

Protanopia

#B5B5D8

Deuteranopia

#B8BCD3

Tritanopia

#C9C8C4

Achromatopsia

#A8A8A8

CSS Usage

background-color: #CC97ED;
color: #CC97ED;
border-color: #CC97ED;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F8F3FC
100
#F0E2F8
200
#E1C2F4
300
#CC97ED
400
#B05EE3
500
#9426D9
600
#771EAE
700
#5F188B
800
#4A136D
900
#38124F
950
#230B32

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.22:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026