#7F21DC

#7F21DC

Color Values

HEX

#7F21DC

RGB

127, 33, 220

HSL

270.2, 73.9%, 49.6%

HSV

270.2, 85.0%, 86.3%

CMYK

42.3%, 85.0%, 0.0%, 13.7%

OKLCH

0.5084 0.2505 299.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7F21DC

#7EDC21

Analogous

#2221DC

#DC21DB

#7F21DC

Triadic

#7F21DC

#DC7F21

#21DC7F

Split Complementary

#7F21DC

#DBDC21

#21DC22

Tetradic

#7F21DC

#DC2221

#7EDC21

#21DBDC

Color Blindness Simulation

Original

#7F21DC

Protanopia

#5655AF

Deuteranopia

#5C63A4

Tritanopia

#7A8B83

Achromatopsia

#424242

CSS Usage

background-color: #7F21DC;
color: #7F21DC;
border-color: #7F21DC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC1F6
300
#C295EF
400
#A15BE6
500
#8021DE
600
#671BB1
700
#52158E
800
#40116F
900
#311051
950
#1F0A33

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

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