#7A6CFF

#7A6CFF

Color Values

HEX

#7A6CFF

RGB

122, 108, 255

HSL

245.7, 100.0%, 71.2%

HSV

245.7, 57.6%, 100.0%

CMYK

52.2%, 57.6%, 0.0%, 0.0%

OKLCH

0.6223 0.2105 282.7

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#7A6CFF

#F1FF6C

Analogous

#6CA8FF

#C46CFF

#7A6CFF

Triadic

#7A6CFF

#FF7A6C

#6CFF7A

Split Complementary

#7A6CFF

#FFC46C

#A8FF6C

Tetradic

#7A6CFF

#FF6CA8

#F1FF6C

#6CFFC4

Color Blindness Simulation

Original

#7A6CFF

Protanopia

#7474DB

Deuteranopia

#7576D3

Tritanopia

#79BFB9

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BEB8FF
300
#9085FF
400
#5442FF
500
#1800FF
600
#1300CC
700
#1000A3
800
#0C0080
900
#0D055C
950
#08033A

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026