#7C76D2

#7C76D2

Color Values

HEX

#7C76D2

RGB

124, 118, 210

HSL

243.9, 50.5%, 64.3%

HSV

243.9, 43.8%, 82.4%

CMYK

41.0%, 43.8%, 0.0%, 17.6%

OKLCH

0.6125 0.1366 284.6

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#7C76D2

#CCD276

Analogous

#769ED2

#AA76D2

#7C76D2

Triadic

#7C76D2

#D27C76

#76D27C

Split Complementary

#7C76D2

#D2AA76

#9ED276

Tetradic

#7C76D2

#D2769E

#CCD276

#76D2AA

Color Blindness Simulation

Original

#7C76D2

Protanopia

#7979BC

Deuteranopia

#7A7AB6

Tritanopia

#7CAAA6

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CCC9ED
300
#A7A3E1
400
#7771D0
500
#473FC0
600
#39329A
700
#2E287B
800
#242060
900
#1D1A46
950
#13112D

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.38:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026