#7A7CEC

#7A7CEC

Color Values

HEX

#7A7CEC

RGB

122, 124, 236

HSL

238.9, 75.0%, 70.2%

HSV

238.9, 48.3%, 92.5%

CMYK

48.3%, 47.5%, 0.0%, 7.5%

OKLCH

0.6378 0.1645 279.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#7A7CEC

#ECEA7A

Analogous

#7AB5EC

#B17AEC

#7A7CEC

Triadic

#7A7CEC

#EC7A7C

#7CEC7A

Split Complementary

#7A7CEC

#ECB17A

#B5EC7A

Tetradic

#7A7CEC

#EC7AB5

#ECEA7A

#7AECB1

Color Blindness Simulation

Original

#7A7CEC

Protanopia

#7B7BD1

Deuteranopia

#7B7BCA

Tritanopia

#7ABBB7

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C1C2F6
300
#9496F0
400
#5A5CE7
500
#2023DF
600
#191CB3
700
#14178F
800
#101270
900
#101151
950
#0A0B33

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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