#7B7ECA

#7B7ECA

Color Values

HEX

#7B7ECA

RGB

123, 126, 202

HSL

237.7, 42.7%, 63.7%

HSV

237.7, 39.1%, 79.2%

CMYK

39.1%, 37.6%, 0.0%, 20.8%

OKLCH

0.6229 0.1138 280.8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7B7ECA

#CAC77B

Analogous

#7BA5CA

#9F7BCA

#7B7ECA

Triadic

#7B7ECA

#CA7B7E

#7ECA7B

Split Complementary

#7B7ECA

#CA9F7B

#A5CA7B

Tetradic

#7B7ECA

#CA7BA5

#CAC77B

#7BCA9F

Color Blindness Simulation

Original

#7B7ECA

Protanopia

#7C7CB8

Deuteranopia

#7C7CB3

Tritanopia

#7BA9A6

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCDEB
300
#A8AADC
400
#787BC9
500
#494DB6
600
#3A3E92
700
#2F3174
800
#25275B
900
#1E1F43
950
#13142A

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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