#7A7CE2

#7A7CE2

Color Values

HEX

#7A7CE2

RGB

122, 124, 226

HSL

238.8, 64.2%, 68.2%

HSV

238.8, 46.0%, 88.6%

CMYK

46.0%, 45.1%, 0.0%, 11.4%

OKLCH

0.6317 0.1507 280.3

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#7A7CE2

#E2E07A

Analogous

#7AB0E2

#AC7AE2

#7A7CE2

Triadic

#7A7CE2

#E27A7C

#7CE27A

Split Complementary

#7A7CE2

#E2AC7A

#B0E27A

Tetradic

#7A7CE2

#E27AB0

#E2E07A

#7AE2AC

Color Blindness Simulation

Original

#7A7CE2

Protanopia

#7B7BC9

Deuteranopia

#7B7BC3

Tritanopia

#7AB6B2

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E4F7
200
#C4C5F2
300
#9B9CE9
400
#6467DD
500
#2E31D1
600
#2527A7
700
#1D1F86
800
#171869
900
#14164C
950
#0D0E30

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026