#7956B3

#7956B3

Color Values

HEX

#7956B3

RGB

121, 86, 179

HSL

262.6, 38.0%, 52.0%

HSV

262.6, 52.0%, 70.2%

CMYK

32.4%, 52.0%, 0.0%, 29.8%

OKLCH

0.5333 0.1431 298.8

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#7956B3

#90B356

Analogous

#5662B3

#A856B3

#7956B3

Triadic

#7956B3

#B37956

#56B379

Split Complementary

#7956B3

#B3A856

#62B356

Tetradic

#7956B3

#B35662

#90B356

#56B3A8

Color Blindness Simulation

Original

#7956B3

Protanopia

#6A6A9D

Deuteranopia

#6C6E97

Tritanopia

#778B87

Achromatopsia

#646464

CSS Usage

background-color: #7956B3;
color: #7956B3;
border-color: #7956B3;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D8CEE9
300
#BCABD9
400
#987DC5
500
#744FB0
600
#5C3F8D
700
#4A3371
800
#3A2858
900
#2C2041
950
#1C1429

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

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