#7A76EC

#7A76EC

Color Values

HEX

#7A76EC

RGB

122, 118, 236

HSL

242.0, 75.6%, 69.4%

HSV

242.0, 50.0%, 92.5%

CMYK

48.3%, 50.0%, 0.0%, 7.5%

OKLCH

0.6267 0.1726 281.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#7A76EC

#E8EC76

Analogous

#76ADEC

#B576EC

#7A76EC

Triadic

#7A76EC

#EC7A76

#76EC7A

Split Complementary

#7A76EC

#ECB576

#ADEC76

Tetradic

#7A76EC

#EC76AD

#E8EC76

#76ECB5

Color Blindness Simulation

Original

#7A76EC

Protanopia

#7878CF

Deuteranopia

#7879C9

Tritanopia

#7AB9B4

Achromatopsia

#7F7F7F

CSS Usage

background-color: #7A76EC;
color: #7A76EC;
border-color: #7A76EC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F2FC
100
#E2E2F9
200
#C2C0F6
300
#9794F0
400
#5E59E8
500
#261FE0
600
#1E19B3
700
#18148F
800
#131070
900
#120F51
950
#0B0A33

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.63:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026