#7428CD

#7428CD

Color Values

HEX

#7428CD

RGB

116, 40, 205

HSL

267.6, 67.3%, 48.0%

HSV

267.6, 80.5%, 80.4%

CMYK

43.4%, 80.5%, 0.0%, 19.6%

OKLCH

0.4874 0.2298 297.8

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7428CD

#81CD28

Analogous

#282FCD

#C628CD

#7428CD

Triadic

#7428CD

#CD7428

#28CD74

Split Complementary

#7428CD

#CDC628

#2FCD28

Tetradic

#7428CD

#CD282F

#81CD28

#28CDC6

Color Blindness Simulation

Original

#7428CD

Protanopia

#5352A5

Deuteranopia

#585D9C

Tritanopia

#70867F

Achromatopsia

#444444

CSS Usage

background-color: #7428CD;
color: #7428CD;
border-color: #7428CD;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#D9C3F3
300
#BF99EB
400
#9C61E0
500
#792AD5
600
#6121AB
700
#4D1B89
800
#3C156B
900
#2E134E
950
#1D0C31

Contrast Checker

Text on white

7.17:1

AA Pass AAA Pass

Text on black

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