#7A2ABB

#7A2ABB

Color Values

HEX

#7A2ABB

RGB

122, 42, 187

HSL

273,1, 63,3%, 44,9%

HSV

273,1, 77,5%, 73,3%

CMYK

34,8%, 77,5%, 0,0%, 26,7%

OKLCH

0,4811 0,2113 304,4

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#7A2ABB

#6BBB2A

Analogous

#322ABB

#BB2AB3

#7A2ABB

Triadic

#7A2ABB

#BB7A2A

#2ABB7A

Split Complementary

#7A2ABB

#B3BB2A

#2ABB32

Tetradic

#7A2ABB

#BB322A

#6BBB2A

#2AB3BB

Color Blindness Simulation

Original

#7A2ABB

Protanopia

#575798

Deuteranopia

#5C6290

Tritanopia

#767C76

Achromatopsia

#454545

CSS Usage

background-color: #7A2ABB;
color: #7A2ABB;
border-color: #7A2ABB;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C69BE9
400
#A765DC
500
#882FD0
600
#6D25A7
700
#571E85
800
#441768
900
#33154C
950
#200D30

Contrast Checker

Text on white

7,3:1

AA Pass AAA Pass

Text on black

2,88: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