#7C66AF

#7C66AF

Color Values

HEX

#7C66AF

RGB

124, 102, 175

HSL

258,1, 31,3%, 54,3%

HSV

258,1, 41,7%, 68,6%

CMYK

29,1%, 41,7%, 0,0%, 31,4%

OKLCH

0,5627 0,1121 296,5

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#7C66AF

#99AF66

Analogous

#6674AF

#A066AF

#7C66AF

Triadic

#7C66AF

#AF7C66

#66AF7C

Split Complementary

#7C66AF

#AFA066

#74AF66

Tetradic

#7C66AF

#AF6674

#99AF66

#66AFA0

Color Blindness Simulation

Original

#7C66AF

Protanopia

#72729D

Deuteranopia

#747599

Tritanopia

#7B8F8C

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#EBE8F2
200
#D7D0E6
300
#BAAFD5
400
#9583BE
500
#7058A7
600
#594686
700
#47386B
800
#382C54
900
#2B233E
950
#1B1627

Contrast Checker

Text on white

4,8:1

AA Pass AAA Fail

Text on black

4,38:1

AA Fail 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