#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

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