#7974DE

#7974DE

Color Values

HEX

#7974DE

RGB

121, 116, 222

HSL

242.8, 61.6%, 66.3%

HSV

242.8, 47.7%, 87.1%

CMYK

45.5%, 47.7%, 0.0%, 12.9%

OKLCH

0.6135 0.1564 282.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#7974DE

#D9DE74

Analogous

#74A4DE

#AE74DE

#7974DE

Triadic

#7974DE

#DE7974

#74DE79

Split Complementary

#7974DE

#DEAE74

#A4DE74

Tetradic

#7974DE

#DE74A4

#D9DE74

#74DEAE

Color Blindness Simulation

Original

#7974DE

Protanopia

#7777C4

Deuteranopia

#7777BE

Tritanopia

#79B0AC

Achromatopsia

#7D7D7D

CSS Usage

background-color: #7974DE;
color: #7974DE;
border-color: #7974DE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F3FB
100
#E5E4F6
200
#C7C5F1
300
#A09CE7
400
#6C67DB
500
#3831CE
600
#2D27A5
700
#241F84
800
#1C1867
900
#18164B
950
#0F0E30

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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