#CD97FC

#CD97FC

Color Values

HEX

#CD97FC

RGB

205, 151, 252

HSL

272,1, 94,4%, 79,0%

HSV

272,1, 40,1%, 98,8%

CMYK

18,7%, 40,1%, 0,0%, 1,2%

OKLCH

0,7654 0,1501 307,8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#CD97FC

#C6FC97

Analogous

#9A97FC

#FC97F8

#CD97FC

Triadic

#CD97FC

#FCCD97

#97FCCD

Split Complementary

#CD97FC

#F8FC97

#97FC9A

Tetradic

#CD97FC

#FC9A97

#C6FC97

#97F8FC

Color Blindness Simulation

Original

#CD97FC

Protanopia

#B6B5E4

Deuteranopia

#B9BDDE

Tritanopia

#CAD0CC

Achromatopsia

#AAAAAA

CSS Usage

background-color: #CD97FC;
color: #CD97FC;
border-color: #CD97FC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DEBAFD
300
#C688FC
400
#A748FA
500
#8807F8
600
#6D06C6
700
#57059F
800
#44047C
900
#33075A
950
#200539

Contrast Checker

Text on white

2,23:1

AA Fail AAA Fail

Text on black

9,43: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