#721ECF

#721ECF

Color Values

HEX

#721ECF

RGB

114, 30, 207

HSL

268.5, 74.7%, 46.5%

HSV

268.5, 85.5%, 81.2%

CMYK

44.9%, 85.5%, 0.0%, 18.8%

OKLCH

0.4793 0.239 297.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#721ECF

#7BCF1E

Analogous

#1E22CF

#CB1ECF

#721ECF

Triadic

#721ECF

#CF721E

#1ECF72

Split Complementary

#721ECF

#CFCB1E

#22CF1E

Tetradic

#721ECF

#CF1E22

#7BCF1E

#1ECFCB

Color Blindness Simulation

Original

#721ECF

Protanopia

#4E4DA4

Deuteranopia

#52599A

Tritanopia

#6E827B

Achromatopsia

#3D3D3D

CSS Usage

background-color: #721ECF;
color: #721ECF;
border-color: #721ECF;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F2FC
100
#EDE2F8
200
#DAC1F6
300
#C094F0
400
#9D5AE7
500
#7B20DF
600
#621AB2
700
#4F158F
800
#3D106F
900
#2F1051
950
#1E0A33

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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