#7C494F

#7C494F

Color Values

HEX

#7C494F

RGB

124, 73, 79

HSL

352.9, 25.9%, 38.6%

HSV

352.9, 41.1%, 48.6%

CMYK

0.0%, 41.1%, 36.3%, 51.4%

OKLCH

0.4668 0.0699 12.5

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#7C494F

#497C76

Analogous

#7C4968

#7C5C49

#7C494F

Triadic

#7C494F

#4F7C49

#494F7C

Split Complementary

#7C494F

#497C5C

#49687C

Tetradic

#7C494F

#687C49

#497C76

#5C497C

Color Blindness Simulation

Original

#7C494F

Protanopia

#66654E

Deuteranopia

#696D4D

Tritanopia

#794C4C

Achromatopsia

#545454

CSS Usage

background-color: #7C494F;
color: #7C494F;
border-color: #7C494F;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D2D4
300
#D2B2B6
400
#B9888E
500
#A15E66
600
#804C52
700
#673C41
800
#502F33
900
#3C2528
950
#261719

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

2.92:1

AA Fail 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