#7C7AE2

#7C7AE2

Color Values

HEX

#7C7AE2

RGB

124, 122, 226

HSL

241,2, 64,2%, 68,2%

HSV

241,2, 46,0%, 88,6%

CMYK

45,1%, 46,0%, 0,0%, 11,4%

OKLCH

0,6294 0,1532 281,9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#7C7AE2

#E0E27A

Analogous

#7AACE2

#B07AE2

#7C7AE2

Triadic

#7C7AE2

#E27C7A

#7AE27C

Split Complementary

#7C7AE2

#E2B07A

#ACE27A

Tetradic

#7C7AE2

#E27AAC

#E0E27A

#7AE2B0

Color Blindness Simulation

Original

#7C7AE2

Protanopia

#7B7BC9

Deuteranopia

#7B7BC3

Tritanopia

#7CB5B1

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C5C4F2
300
#9C9BE9
400
#6764DD
500
#312ED1
600
#2725A7
700
#1F1D86
800
#181769
900
#16144C
950
#0E0D30

Contrast Checker

Text on white

3,66:1

AA Fail AAA Fail

Text on black

5,74: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