#7213CD

#7213CD

Color Values

HEX

#7213CD

RGB

114, 19, 205

HSL

270.6, 83.0%, 43.9%

HSV

270.6, 90.7%, 80.4%

CMYK

44.4%, 90.7%, 0.0%, 19.6%

OKLCH

0.4712 0.2433 298.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7213CD

#6ECD13

Analogous

#1513CD

#CD13CB

#7213CD

Triadic

#7213CD

#CD7213

#13CD72

Split Complementary

#7213CD

#CBCD13

#13CD15

Tetradic

#7213CD

#CD1513

#6ECD13

#13CBCD

Color Blindness Simulation

Original

#7213CD

Protanopia

#4948A0

Deuteranopia

#4E5695

Tritanopia

#6D7C75

Achromatopsia

#353535

CSS Usage

background-color: #7213CD;
color: #7213CD;
border-color: #7213CD;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F2FD
100
#EDE1FA
200
#DCBEF9
300
#C38FF5
400
#A252EF
500
#8216E9
600
#6811BB
700
#530E95
800
#410B75
900
#310C55
950
#1F0835

Contrast Checker

Text on white

7.81:1

AA Pass AAA Pass

Text on black

2.69: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