#7A63DA

#7A63DA

Color Values

HEX

#7A63DA

RGB

122, 99, 218

HSL

251.6, 61.7%, 62.2%

HSV

251.6, 54.6%, 85.5%

CMYK

44.0%, 54.6%, 0.0%, 14.5%

OKLCH

0.5816 0.1749 288.6

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#7A63DA

#C3DA63

Analogous

#6388DA

#B663DA

#7A63DA

Triadic

#7A63DA

#DA7A63

#63DA7A

Split Complementary

#7A63DA

#DAB663

#88DA63

Tetradic

#7A63DA

#DA6388

#C3DA63

#63DAB6

Color Blindness Simulation

Original

#7A63DA

Protanopia

#7070BD

Deuteranopia

#7173B6

Tritanopia

#79A6A1

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F5F3FB
100
#E7E4F7
200
#CEC5F1
300
#AB9CE8
400
#7D66DB
500
#4F31CE
600
#3F27A5
700
#331F84
800
#281867
900
#20164B
950
#140E30

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

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