#CC97EC

#CC97EC

Color Values

HEX

#CC97EC

RGB

204, 151, 236

HSL

277.4, 69.1%, 75.9%

HSV

277.4, 36.0%, 92.5%

CMYK

13.6%, 36.0%, 0.0%, 7.5%

OKLCH

0.7571 0.1307 312.1

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#CC97EC

#B7EC97

Analogous

#A297EC

#EC97E2

#CC97EC

Triadic

#CC97EC

#ECCC97

#97ECCC

Split Complementary

#CC97EC

#E2EC97

#97ECA2

Tetradic

#CC97EC

#ECA297

#B7EC97

#97E2EC

Color Blindness Simulation

Original

#CC97EC

Protanopia

#B5B5D7

Deuteranopia

#B8BCD2

Tritanopia

#C9C7C4

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#F0E3F8
200
#E1C3F4
300
#CC98EC
400
#B15FE2
500
#9527D8
600
#7720AC
700
#60198A
800
#4B146C
900
#38124F
950
#230C32

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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