#7A7ABD

#7A7ABD

Color Values

HEX

#7A7ABD

RGB

122, 122, 189

HSL

240.0, 33.7%, 61.0%

HSV

240.0, 35.4%, 74.1%

CMYK

35.4%, 35.4%, 0.0%, 25.9%

OKLCH

0.6074 0.1008 283.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7A7ABD

#BDBD7A

Analogous

#7A9CBD

#9C7ABD

#7A7ABD

Triadic

#7A7ABD

#BD7A7A

#7ABD7A

Split Complementary

#7A7ABD

#BD9C7A

#9CBD7A

Tetradic

#7A7ABD

#BD7A9C

#BDBD7A

#7ABD9C

Color Blindness Simulation

Original

#7A7ABD

Protanopia

#7A7AAD

Deuteranopia

#7A7AA9

Tritanopia

#7AA09D

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFCFE7
300
#ADADD6
400
#8181C0
500
#5555AA
600
#444488
700
#36366D
800
#2A2A55
900
#22223F
950
#151528

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026