#7D76E2

#7D76E2

Color Values

HEX

#7D76E2

RGB

125, 118, 226

HSL

243.9, 65.1%, 67.5%

HSV

243.9, 47.8%, 88.6%

CMYK

44.7%, 47.8%, 0.0%, 11.4%

OKLCH

0.6228 0.1586 283.7

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#7D76E2

#DBE276

Analogous

#76A5E2

#B376E2

#7D76E2

Triadic

#7D76E2

#E27D76

#76E27D

Split Complementary

#7D76E2

#E2B376

#A5E276

Tetradic

#7D76E2

#E276A5

#DBE276

#76E2B3

Color Blindness Simulation

Original

#7D76E2

Protanopia

#7A7AC8

Deuteranopia

#7A7BC2

Tritanopia

#7DB3AF

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C7C4F3
300
#9F9AEA
400
#6B63DE
500
#372CD3
600
#2C24A8
700
#231C87
800
#1C1669
900
#18144D
950
#0F0D31

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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