#C97DFB

#C97DFB

Color Values

HEX

#C97DFB

RGB

201, 125, 251

HSL

276,2, 94,0%, 73,7%

HSV

276,2, 50,2%, 98,4%

CMYK

19,9%, 50,2%, 0,0%, 1,6%

OKLCH

0,7197 0,1893 310,3

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C97DFB

#AFFB7D

Analogous

#8A7DFB

#FB7DEE

#C97DFB

Triadic

#C97DFB

#FBC97D

#7DFBC9

Split Complementary

#C97DFB

#EEFB7D

#7DFB8A

Tetradic

#C97DFB

#FB8A7D

#AFFB7D

#7DEEFB

Color Blindness Simulation

Original

#C97DFB

Protanopia

#A8A7DD

Deuteranopia

#ACB2D5

Tritanopia

#C5C4BF

Achromatopsia

#969696

CSS Usage

background-color: #C97DFB;
color: #C97DFB;
border-color: #C97DFB;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E2BAFD
300
#CE88FB
400
#B348F9
500
#9808F7
600
#7A06C6
700
#61059E
800
#4C047C
900
#390759
950
#240538

Contrast Checker

Text on white

2,69:1

AA Fail AAA Fail

Text on black

7,81:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026