#7A6EEF

#7A6EEF

Color Values

HEX

#7A6EEF

RGB

122, 110, 239

HSL

245.6, 80.1%, 68.4%

HSV

245.6, 54.0%, 93.7%

CMYK

49.0%, 54.0%, 0.0%, 6.3%

OKLCH

0.6145 0.1873 283.6

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7A6EEF

#E3EF6E

Analogous

#6EA2EF

#BA6EEF

#7A6EEF

Triadic

#7A6EEF

#EF7A6E

#6EEF7A

Split Complementary

#7A6EEF

#EFBA6E

#A2EF6E

Tetradic

#7A6EEF

#EF6EA2

#E3EF6E

#6EEFBA

Color Blindness Simulation

Original

#7A6EEF

Protanopia

#7575D0

Deuteranopia

#7676C8

Tritanopia

#79B7B2

Achromatopsia

#7A7A7A

CSS Usage

background-color: #7A6EEF;
color: #7A6EEF;
border-color: #7A6EEF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FD
100
#E3E1F9
200
#C4BFF8
300
#9A91F3
400
#6355EC
500
#2C19E6
600
#2414B8
700
#1C1093
800
#160D73
900
#140E53
950
#0D0935

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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