#7976EC

#7976EC

Color Values

HEX

#7976EC

RGB

121, 118, 236

HSL

241.5, 75.6%, 69.4%

HSV

241.5, 50.0%, 92.5%

CMYK

48.7%, 50.0%, 0.0%, 7.5%

OKLCH

0.626 0.1727 281.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#7976EC

#E9EC76

Analogous

#76AEEC

#B476EC

#7976EC

Triadic

#7976EC

#EC7976

#76EC79

Split Complementary

#7976EC

#ECB476

#AEEC76

Tetradic

#7976EC

#EC76AE

#E9EC76

#76ECB4

Color Blindness Simulation

Original

#7976EC

Protanopia

#7878CF

Deuteranopia

#7878C9

Tritanopia

#79B9B4

Achromatopsia

#7F7F7F

CSS Usage

background-color: #7976EC;
color: #7976EC;
border-color: #7976EC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F2FC
100
#E2E2F9
200
#C2C0F6
300
#9694F0
400
#5D59E8
500
#241FE0
600
#1D19B3
700
#17148F
800
#121070
900
#110F51
950
#0B0A33

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

5.62:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026