#7A24EB

#7A24EB

Color Values

HEX

#7A24EB

RGB

122, 36, 235

HSL

265.9, 83.3%, 53.1%

HSV

265.9, 84.7%, 92.2%

CMYK

48.1%, 84.7%, 0.0%, 7.8%

OKLCH

0.5184 0.262 294.3

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#7A24EB

#95EB24

Analogous

#2431EB

#DD24EB

#7A24EB

Triadic

#7A24EB

#EB7A24

#24EB7A

Split Complementary

#7A24EB

#EBDD24

#31EB24

Tetradic

#7A24EB

#EB2431

#95EB24

#24EBDD

Color Blindness Simulation

Original

#7A24EB

Protanopia

#5554BB

Deuteranopia

#5A60AF

Tritanopia

#76958C

Achromatopsia

#454545

CSS Usage

background-color: #7A24EB;
color: #7A24EB;
border-color: #7A24EB;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F7F2FD
100
#EBE1FA
200
#D7BEF9
300
#BB8FF5
400
#9652EF
500
#7115EA
600
#5A11BB
700
#480E96
800
#380B75
900
#2B0C55
950
#1B0836

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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