#7201FE

#7201FE

Color Values

HEX

#7201FE

RGB

114, 1, 254

HSL

266.8, 99.2%, 50.0%

HSV

266.8, 99.6%, 99.6%

CMYK

55.1%, 99.6%, 0.0%, 0.4%

OKLCH

0.5148 0.2919 289.5

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#7201FE

#8DFE01

Analogous

#010FFE

#F001FE

#7201FE

Triadic

#7201FE

#FE7201

#01FE72

Split Complementary

#7201FE

#FEF001

#0FFE01

Tetradic

#7201FE

#FE010F

#8DFE01

#01FEF0

Color Blindness Simulation

Original

#7201FE

Protanopia

#4140C1

Deuteranopia

#4850B2

Tritanopia

#6C9086

Achromatopsia

#2B2B2B

CSS Usage

background-color: #7201FE;
color: #7201FE;
border-color: #7201FE;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D8B8FF
300
#BB85FF
400
#9743FE
500
#7201FE
600
#5B01CB
700
#4901A3
800
#39017F
900
#2C055C
950
#1C033A

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

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