#7628B9

#7628B9

Color Values

HEX

#7628B9

RGB

118, 40, 185

HSL

272.3, 64.4%, 44.1%

HSV

272.3, 78.4%, 72.5%

CMYK

36.2%, 78.4%, 0.0%, 27.5%

OKLCH

0.4727 0.2105 303.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7628B9

#6BB928

Analogous

#2E28B9

#B928B3

#7628B9

Triadic

#7628B9

#B97628

#28B976

Split Complementary

#7628B9

#B3B928

#28B92E

Tetradic

#7628B9

#B92E28

#6BB928

#28B3B9

Color Blindness Simulation

Original

#7628B9

Protanopia

#545496

Deuteranopia

#595F8E

Tritanopia

#727A74

Achromatopsia

#434343

CSS Usage

background-color: #7628B9;
color: #7628B9;
border-color: #7628B9;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DDC4F2
300
#C59AE9
400
#A564DD
500
#862DD2
600
#6B24A8
700
#561D86
800
#431769
900
#33144D
950
#200D30

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

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