#7021AF

#7021AF

Color Values

HEX

#7021AF

RGB

112, 33, 175

HSL

273.4, 68.3%, 40.8%

HSV

273.4, 81.1%, 68.6%

CMYK

36.0%, 81.1%, 0.0%, 31.4%

OKLCH

0.4506 0.2061 304.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7021AF

#60AF21

Analogous

#2921AF

#AF21A7

#7021AF

Triadic

#7021AF

#AF7021

#21AF70

Split Complementary

#7021AF

#A7AF21

#21AF29

Tetradic

#7021AF

#AF2921

#60AF21

#21A7AF

Color Blindness Simulation

Original

#7021AF

Protanopia

#4E4D8D

Deuteranopia

#525884

Tritanopia

#6C716C

Achromatopsia

#3C3C3C

CSS Usage

background-color: #7021AF;
color: #7021AF;
border-color: #7021AF;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DEC3F4
300
#C798EC
400
#A860E1
500
#8928D7
600
#6E20AC
700
#581A89
800
#45146B
900
#34134E
950
#210C31

Contrast Checker

Text on white

8.32:1

AA Pass AAA Pass

Text on black

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