#7E24BB

#7E24BB

Color Values

HEX

#7E24BB

RGB

126, 36, 187

HSL

275.8, 67.7%, 43.7%

HSV

275.8, 80.7%, 73.3%

CMYK

32.6%, 80.7%, 0.0%, 26.7%

OKLCH

0.4811 0.2178 306.5

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#7E24BB

#61BB24

Analogous

#3324BB

#BB24AC

#7E24BB

Triadic

#7E24BB

#BB7E24

#24BB7E

Split Complementary

#7E24BB

#ACBB24

#24BB33

Tetradic

#7E24BB

#BB3324

#61BB24

#24ACBB

Color Blindness Simulation

Original

#7E24BB

Protanopia

#575697

Deuteranopia

#5C638E

Tritanopia

#797A73

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C3F3
300
#CA98EB
400
#AD61E1
500
#9029D6
600
#7321AB
700
#5C1A89
800
#48156B
900
#36134E
950
#220C31

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

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