#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026