#7C7599

#7C7599

Color Values

HEX

#7C7599

RGB

124, 117, 153

HSL

251.7, 15.0%, 52.9%

HSV

251.7, 23.5%, 60.0%

CMYK

19.0%, 23.5%, 0.0%, 40.0%

OKLCH

0.582 0.0551 293.5

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#7C7599

#929975

Analogous

#758099

#8E7599

#7C7599

Triadic

#7C7599

#997C75

#75997C

Split Complementary

#7C7599

#998E75

#809975

Tetradic

#7C7599

#997580

#929975

#75998E

Color Blindness Simulation

Original

#7C7599

Protanopia

#797990

Deuteranopia

#797A8E

Tritanopia

#7C8988

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#D8D6E1
300
#BCB9CB
400
#9892AF
500
#746C93
600
#5D5775
700
#4A455E
800
#3A3649
900
#2C2A37
950
#1C1A23

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026