#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026