#7C8384

#7C8384

Color Values

HEX

#7C8384

RGB

124, 131, 132

HSL

187.5, 3.1%, 50.2%

HSV

187.5, 6.1%, 51.8%

CMYK

6.1%, 0.8%, 0.0%, 48.2%

OKLCH

0.6045 0.0085 207.1

Properties

Cool Light Nearest: RAL 9023 Pearl Dark Grey

Color Harmonies

Complementary

#7C8384

#847D7C

Analogous

#7C8481

#7C7F84

#7C8384

Triadic

#7C8384

#847C83

#83847C

Split Complementary

#7C8384

#847C7F

#84817C

Tetradic

#7C8384

#817C84

#847D7C

#7F847C

Color Blindness Simulation

Original

#7C8384

Protanopia

#7F7F84

Deuteranopia

#7F7E84

Tritanopia

#7C8484

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EDEEEE
200
#DADCDC
300
#C0C3C4
400
#9EA3A4
500
#7C8283
600
#636869
700
#4F5354
800
#3E4142
900
#2F3132
950
#1E1F1F

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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