#75787E

#75787E

Color Values

HEX

#75787E

RGB

117, 120, 126

HSL

220.0, 3.7%, 47.6%

HSV

220.0, 7.1%, 49.4%

CMYK

7.1%, 4.8%, 0.0%, 50.6%

OKLCH

0.5721 0.0099 264.5

Properties

Cool Light Nearest: grey

Color Harmonies

Complementary

#75787E

#7E7B75

Analogous

#757C7E

#76757E

#75787E

Triadic

#75787E

#7E7578

#787E75

Split Complementary

#75787E

#7E7675

#7C7E75

Tetradic

#75787E

#7E757C

#7E7B75

#757E76

Color Blindness Simulation

Original

#75787E

Protanopia

#76767D

Deuteranopia

#76767C

Tritanopia

#757B7B

Achromatopsia

#787878

CSS Usage

background-color: #75787E;
color: #75787E;
border-color: #75787E;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADBDD
300
#C0C1C4
400
#9D9FA4
500
#7B7E84
600
#62656A
700
#4F5155
800
#3D3F42
900
#2F3032
950
#1E1E20

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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