#7412B1

#7412B1

Color Values

HEX

#7412B1

RGB

116, 18, 177

HSL

277.0, 81.5%, 38.2%

HSV

277.0, 89.8%, 69.4%

CMYK

34.5%, 89.8%, 0.0%, 30.6%

OKLCH

0.4477 0.2195 306.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7412B1

#4FB112

Analogous

#2512B1

#B1129E

#7412B1

Triadic

#7412B1

#B17412

#12B174

Split Complementary

#7412B1

#9EB112

#12B125

Tetradic

#7412B1

#B12512

#4FB112

#129EB1

Color Blindness Simulation

Original

#7412B1

Protanopia

#4A498B

Deuteranopia

#4F5781

Tritanopia

#6F6C65

Achromatopsia

#323232

CSS Usage

background-color: #7412B1;
color: #7412B1;
border-color: #7412B1;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F9F2FD
100
#F0E1FA
200
#E2BEF8
300
#CD90F4
400
#B354EE
500
#9818E7
600
#7913B9
700
#610F94
800
#4C0C74
900
#390D54
950
#240835

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

2.46:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026