#7C8693

#7C8693

Color Values

HEX

#7C8693

RGB

124, 134, 147

HSL

213.9, 9.6%, 53.1%

HSV

213.9, 15.6%, 57.6%

CMYK

15.6%, 8.8%, 0.0%, 42.4%

OKLCH

0.6162 0.0229 255.0

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7C8693

#93897C

Analogous

#7C9193

#7D7C93

#7C8693

Triadic

#7C8693

#937C86

#86937C

Split Complementary

#7C8693

#937D7C

#91937C

Tetradic

#7C8693

#937C91

#93897C

#7C937D

Color Blindness Simulation

Original

#7C8693

Protanopia

#808090

Deuteranopia

#807F8F

Tritanopia

#7C8D8D

Achromatopsia

#858585

CSS Usage

background-color: #7C8693;
color: #7C8693;
border-color: #7C8693;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DBDF
300
#BCC1C8
400
#989FAA
500
#737E8C
600
#5C6570
700
#4A5159
800
#3A3F46
900
#2C3035
950
#1C1E21

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

5.69:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026