#7954CD

#7954CD

Color Values

HEX

#7954CD

RGB

121, 84, 205

HSL

258.3, 54.8%, 56.7%

HSV

258.3, 59.0%, 80.4%

CMYK

41.0%, 59.0%, 0.0%, 19.6%

OKLCH

0.5472 0.1793 293.7

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#7954CD

#A8CD54

Analogous

#546CCD

#B554CD

#7954CD

Triadic

#7954CD

#CD7954

#54CD79

Split Complementary

#7954CD

#CDB554

#6CCD54

Tetradic

#7954CD

#CD546C

#A8CD54

#54CDB5

Color Blindness Simulation

Original

#7954CD

Protanopia

#6969B0

Deuteranopia

#6B6EA9

Tritanopia

#779994

Achromatopsia

#656565

CSS Usage

background-color: #7954CD;
color: #7954CD;
border-color: #7954CD;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F6F4FB
100
#EAE5F5
200
#D4C8EF
300
#B5A0E3
400
#8C6DD4
500
#643AC5
600
#502E9E
700
#40257E
800
#321D63
900
#271948
950
#19102E

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

3.96:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026