#7024BB

#7024BB

Color Values

HEX

#7024BB

RGB

112, 36, 187

HSL

270.2, 67.7%, 43.7%

HSV

270.2, 80.7%, 73.3%

CMYK

40.1%, 80.7%, 0.0%, 26.7%

OKLCH

0.4635 0.2151 300.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7024BB

#6FBB24

Analogous

#2424BB

#BB24BA

#7024BB

Triadic

#7024BB

#BB7024

#24BB70

Split Complementary

#7024BB

#BABB24

#24BB24

Tetradic

#7024BB

#BB2424

#6FBB24

#24BABB

Color Blindness Simulation

Original

#7024BB

Protanopia

#4F4E97

Deuteranopia

#54598E

Tritanopia

#6C7A73

Achromatopsia

#3F3F3F

CSS Usage

background-color: #7024BB;
color: #7024BB;
border-color: #7024BB;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DBC3F3
300
#C298EB
400
#A161E1
500
#8029D6
600
#6621AB
700
#521A89
800
#40156B
900
#31134E
950
#1F0C31

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

2.66:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026