#7C7BA8

#7C7BA8

Color Values

HEX

#7C7BA8

RGB

124, 123, 168

HSL

241.3, 20.5%, 57.1%

HSV

241.3, 26.8%, 65.9%

CMYK

26.2%, 26.8%, 0.0%, 34.1%

OKLCH

0.601 0.068 285.2

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#7C7BA8

#A7A87B

Analogous

#7B91A8

#937BA8

#7C7BA8

Triadic

#7C7BA8

#A87C7B

#7BA87C

Split Complementary

#7C7BA8

#A8937B

#91A87B

Tetradic

#7C7BA8

#A87B91

#A7A87B

#7BA893

Color Blindness Simulation

Original

#7C7BA8

Protanopia

#7C7C9D

Deuteranopia

#7C7C9A

Tritanopia

#7C9593

Achromatopsia

#7E7E7E

CSS Usage

background-color: #7C7BA8;
color: #7C7BA8;
border-color: #7C7BA8;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D4E3
300
#B6B5CE
400
#8E8DB4
500
#66659A
600
#52517B
700
#424162
800
#33334D
900
#282839
950
#191924

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.26:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026