#7663C6

#7663C6

Color Values

HEX

#7663C6

RGB

118, 99, 198

HSL

251.5, 46.5%, 58.2%

HSV

251.5, 50.0%, 77.6%

CMYK

40.4%, 50.0%, 0.0%, 22.4%

OKLCH

0.5651 0.1483 289.6

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#7663C6

#B3C663

Analogous

#6381C6

#A763C6

#7663C6

Triadic

#7663C6

#C67663

#63C676

Split Complementary

#7663C6

#C6A763

#81C663

Tetradic

#7663C6

#C66381

#B3C663

#63C6A7

Color Blindness Simulation

Original

#7663C6

Protanopia

#6E6EAE

Deuteranopia

#6F70A8

Tritanopia

#759B97

Achromatopsia

#6E6E6E

CSS Usage

background-color: #7663C6;
color: #7663C6;
border-color: #7663C6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FA
100
#E9E6F4
200
#D1CBEC
300
#B0A5DE
400
#8675CD
500
#5B44BB
600
#493795
700
#3A2C78
800
#2D225D
900
#241C45
950
#17122B

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.37:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026