#7A11DF

#7A11DF

Color Values

HEX

#7A11DF

RGB

122, 17, 223

HSL

270.6, 85.8%, 47.1%

HSV

270.6, 92.4%, 87.5%

CMYK

45.3%, 92.4%, 0.0%, 12.5%

OKLCH

0.497 0.2608 297.5

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#7A11DF

#76DF11

Analogous

#1311DF

#DF11DD

#7A11DF

Triadic

#7A11DF

#DF7A11

#11DF7A

Split Complementary

#7A11DF

#DDDF11

#11DF13

Tetradic

#7A11DF

#DF1311

#76DF11

#11DDDF

Color Blindness Simulation

Original

#7A11DF

Protanopia

#4D4CAD

Deuteranopia

#535AA1

Tritanopia

#75867D

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBDFA
300
#C38DF6
400
#A250F2
500
#8212ED
600
#680EBE
700
#530C98
800
#410976
900
#310B56
950
#1F0736

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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