#7C7EC5

#7C7EC5

Color Values

HEX

#7C7EC5

RGB

124, 126, 197

HSL

238.4, 38.6%, 62.9%

HSV

238.4, 37.1%, 77.3%

CMYK

37.1%, 36.0%, 0.0%, 22.7%

OKLCH

0.6211 0.1064 281.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7C7EC5

#C5C37C

Analogous

#7CA2C5

#9E7CC5

#7C7EC5

Triadic

#7C7EC5

#C57C7E

#7EC57C

Split Complementary

#7C7EC5

#C59E7C

#A2C57C

Tetradic

#7C7EC5

#C57CA2

#C5C37C

#7CC59E

Color Blindness Simulation

Original

#7C7EC5

Protanopia

#7D7DB4

Deuteranopia

#7D7DB0

Tritanopia

#7CA6A3

Achromatopsia

#838383

CSS Usage

background-color: #7C7EC5;
color: #7C7EC5;
border-color: #7C7EC5;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECEE9
300
#AAABD9
400
#7C7EC5
500
#4E51B1
600
#3F418D
700
#323471
800
#272858
900
#202141
950
#141529

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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