#7217C2

#7217C2

Color Values

HEX

#7217C2

RGB

114, 23, 194

HSL

271.9, 78.8%, 42.5%

HSV

271.9, 88.1%, 76.1%

CMYK

41.2%, 88.1%, 0.0%, 23.9%

OKLCH

0.463 0.2313 300.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7217C2

#67C217

Analogous

#1C17C2

#C217BC

#7217C2

Triadic

#7217C2

#C27217

#17C272

Split Complementary

#7217C2

#BCC217

#17C21C

Tetradic

#7217C2

#C21C17

#67C217

#17BCC2

Color Blindness Simulation

Original

#7217C2

Protanopia

#4B4A99

Deuteranopia

#50578F

Tritanopia

#6D7871

Achromatopsia

#373737

CSS Usage

background-color: #7217C2;
color: #7217C2;
border-color: #7217C2;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDBFF7
300
#C592F2
400
#A556EB
500
#861BE4
600
#6B16B6
700
#561192
800
#430E72
900
#330E53
950
#200934

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

2.62:1

AA Fail AAA Fail

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