#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026