#7E646C

#7E646C

Color Values

HEX

#7E646C

RGB

126, 100, 108

HSL

341.5, 11.5%, 44.3%

HSV

341.5, 20.6%, 49.4%

CMYK

0.0%, 20.6%, 14.3%, 50.6%

OKLCH

0.5315 0.0353 358.0

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#7E646C

#647E76

Analogous

#7E6479

#7E6964

#7E646C

Triadic

#7E646C

#6C7E64

#646C7E

Split Complementary

#7E646C

#647E69

#64797E

Tetradic

#7E646C

#797E64

#647E76

#69647E

Color Blindness Simulation

Original

#7E646C

Protanopia

#73736A

Deuteranopia

#74766A

Tritanopia

#7D6968

Achromatopsia

#6A6A6A

CSS Usage

background-color: #7E646C;
color: #7E646C;
border-color: #7E646C;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EFEBEC
200
#DFD7DA
300
#C9BBBF
400
#AC969C
500
#8E717A
600
#725A62
700
#5B484E
800
#47383D
900
#352B2F
950
#221B1D

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026