#7963DA

#7963DA

Color Values

HEX

#7963DA

RGB

121, 99, 218

HSL

251.1, 61.7%, 62.2%

HSV

251.1, 54.6%, 85.5%

CMYK

44.5%, 54.6%, 0.0%, 14.5%

OKLCH

0.5807 0.1749 288.2

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#7963DA

#C4DA63

Analogous

#6389DA

#B563DA

#7963DA

Triadic

#7963DA

#DA7963

#63DA79

Split Complementary

#7963DA

#DAB563

#89DA63

Tetradic

#7963DA

#DA6389

#C4DA63

#63DAB5

Color Blindness Simulation

Original

#7963DA

Protanopia

#6F6FBD

Deuteranopia

#7172B6

Tritanopia

#78A6A1

Achromatopsia

#707070

CSS Usage

background-color: #7963DA;
color: #7963DA;
border-color: #7963DA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F3FB
100
#E7E4F7
200
#CDC5F1
300
#AA9CE8
400
#7C66DB
500
#4E31CE
600
#3E27A5
700
#321F84
800
#271867
900
#20164B
950
#140E30

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass 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