#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026