#7429B3

#7429B3

Color Values

HEX

#7429B3

RGB

116, 41, 179

HSL

272.6, 62.7%, 43.1%

HSV

272.6, 77.1%, 70.2%

CMYK

35.2%, 77.1%, 0.0%, 29.8%

OKLCH

0.4662 0.2032 304.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7429B3

#68B329

Analogous

#2F29B3

#B329AD

#7429B3

Triadic

#7429B3

#B37429

#29B374

Split Complementary

#7429B3

#ADB329

#29B32F

Tetradic

#7429B3

#B32F29

#68B329

#29ADB3

Color Blindness Simulation

Original

#7429B3

Protanopia

#545392

Deuteranopia

#585D8A

Tritanopia

#707771

Achromatopsia

#434343

CSS Usage

background-color: #7429B3;
color: #7429B3;
border-color: #7429B3;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DDC5F2
300
#C59BE8
400
#A665DC
500
#8630CF
600
#6C26A6
700
#561E85
800
#431868
900
#33154C
950
#200D30

Contrast Checker

Text on white

7.75:1

AA Pass AAA Pass

Text on black

2.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026