#7A34BA

#7A34BA

Color Values

HEX

#7A34BA

RGB

122, 52, 186

HSL

271.3, 56.3%, 46.7%

HSV

271.3, 72.0%, 72.9%

CMYK

34.4%, 72.0%, 0.0%, 27.1%

OKLCH

0.4906 0.1995 303.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7A34BA

#74BA34

Analogous

#3734BA

#BA34B7

#7A34BA

Triadic

#7A34BA

#BA7A34

#34BA7A

Split Complementary

#7A34BA

#B7BA34

#34BA37

Tetradic

#7A34BA

#BA3734

#74BA34

#34B7BA

Color Blindness Simulation

Original

#7A34BA

Protanopia

#5C5B9A

Deuteranopia

#606592

Tritanopia

#76807A

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DCC7EF
300
#C39FE4
400
#A36CD6
500
#8338C7
600
#682D9F
700
#542480
800
#411C64
900
#321849
950
#1F0F2E

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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