#7C989C

#7C989C

Color Values

HEX

#7C989C

RGB

124, 152, 156

HSL

187.5, 13.9%, 54.9%

HSV

187.5, 20.5%, 61.2%

CMYK

20.5%, 2.6%, 0.0%, 38.8%

OKLCH

0.6596 0.0319 207.0

Properties

Cool Light Nearest: RAL 7001 Silver Grey

Color Harmonies

Complementary

#7C989C

#9C807C

Analogous

#7C9C90

#7C889C

#7C989C

Triadic

#7C989C

#9C7C98

#989C7C

Split Complementary

#7C989C

#9C7C88

#9C907C

Tetradic

#7C989C

#907C9C

#9C807C

#889C7C

Color Blindness Simulation

Original

#7C989C

Protanopia

#88889B

Deuteranopia

#86849B

Tritanopia

#7D9A9A

Achromatopsia

#929292

CSS Usage

background-color: #7C989C;
color: #7C989C;
border-color: #7C989C;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6DFE0
300
#B9C8CA
400
#94AAAE
500
#6E8D91
600
#587174
700
#465A5D
800
#374649
900
#2A3537
950
#1B2122

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

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