#7C8486

#7C8486

Color Values

HEX

#7C8486

RGB

124, 132, 134

HSL

192.0, 4.0%, 50.6%

HSV

192.0, 7.5%, 52.5%

CMYK

7.5%, 1.5%, 0.0%, 47.5%

OKLCH

0.6073 0.01 214.4

Properties

Cool Light Nearest: RAL 7000 Squirrel Grey

Color Harmonies

Complementary

#7C8486

#867E7C

Analogous

#7C8683

#7C7F86

#7C8486

Triadic

#7C8486

#867C84

#84867C

Split Complementary

#7C8486

#867C7F

#86837C

Tetradic

#7C8486

#837C86

#867E7C

#7F867C

Color Blindness Simulation

Original

#7C8486

Protanopia

#7F8086

Deuteranopia

#7F7E85

Tritanopia

#7C8585

Achromatopsia

#828282

CSS Usage

background-color: #7C8486;
color: #7C8486;
border-color: #7C8486;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#EDEEEE
200
#DADCDD
300
#BFC3C4
400
#9DA3A4
500
#7A8385
600
#62686A
700
#4E5455
800
#3D4142
900
#2F3132
950
#1D1F20

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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