#7C718D

#7C718D

Color Values

HEX

#7C718D

RGB

124, 113, 141

HSL

263.6, 11.0%, 49.8%

HSV

263.6, 19.9%, 55.3%

CMYK

12.1%, 19.9%, 0.0%, 44.7%

OKLCH

0.5687 0.0443 302.9

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#7C718D

#828D71

Analogous

#71748D

#8A718D

#7C718D

Triadic

#7C718D

#8D7C71

#718D7C

Split Complementary

#7C718D

#8D8A71

#748D71

Tetradic

#7C718D

#8D7174

#828D71

#718D8A

Color Blindness Simulation

Original

#7C718D

Protanopia

#777786

Deuteranopia

#787985

Tritanopia

#7B8180

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEBEF
200
#DAD7DF
300
#C0BBC9
400
#9E96AB
500
#7D718E
600
#645B71
700
#50495B
800
#3E3947
900
#2F2C35
950
#1E1C22

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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