#7B63DF

#7B63DF

Color Values

HEX

#7B63DF

RGB

123, 99, 223

HSL

251.6, 66.0%, 63.1%

HSV

251.6, 55.6%, 87.5%

CMYK

44.8%, 55.6%, 0.0%, 12.5%

OKLCH

0.5858 0.1813 288.4

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7B63DF

#C7DF63

Analogous

#6389DF

#B963DF

#7B63DF

Triadic

#7B63DF

#DF7B63

#63DF7B

Split Complementary

#7B63DF

#DFB963

#89DF63

Tetradic

#7B63DF

#DF6389

#C7DF63

#63DFB9

Color Blindness Simulation

Original

#7B63DF

Protanopia

#7170C1

Deuteranopia

#7274BA

Tritanopia

#7AA9A4

Achromatopsia

#717171

CSS Usage

background-color: #7B63DF;
color: #7B63DF;
border-color: #7B63DF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F3FC
100
#E7E3F7
200
#CDC4F3
300
#A999EA
400
#7A62DF
500
#4C2BD4
600
#3D23A9
700
#311C87
800
#26166A
900
#1F144D
950
#130C31

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.69:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026