#7217C0

#7217C0

Color Values

HEX

#7217C0

RGB

114, 23, 192

HSL

272.3, 78.6%, 42.2%

HSV

272.3, 88.0%, 75.3%

CMYK

40.6%, 88.0%, 0.0%, 24.7%

OKLCH

0.4612 0.2295 301.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7217C0

#65C017

Analogous

#1E17C0

#C017BA

#7217C0

Triadic

#7217C0

#C07217

#17C072

Split Complementary

#7217C0

#BAC017

#17C01E

Tetradic

#7217C0

#C01E17

#65C017

#17BAC0

Color Blindness Simulation

Original

#7217C0

Protanopia

#4B4A97

Deuteranopia

#50578D

Tritanopia

#6D7770

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDBFF7
300
#C592F2
400
#A656EB
500
#871BE4
600
#6C16B6
700
#571192
800
#440E72
900
#330E53
950
#200934

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

2.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026