#757780

#757780

Color Values

HEX

#757780

RGB

117, 119, 128

HSL

229.1, 4.5%, 48.0%

HSV

229.1, 8.6%, 50.2%

CMYK

8.6%, 7.0%, 0.0%, 49.8%

OKLCH

0.5706 0.014 275.9

Properties

Cool Light Nearest: lightsteelblue 4

Color Harmonies

Complementary

#757780

#807E75

Analogous

#757C80

#787580

#757780

Triadic

#757780

#807577

#778075

Split Complementary

#757780

#807875

#7C8075

Tetradic

#757780

#80757C

#807E75

#758078

Color Blindness Simulation

Original

#757780

Protanopia

#76767E

Deuteranopia

#76767D

Tritanopia

#757C7C

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#DADADD
300
#BFC0C5
400
#9C9EA5
500
#7A7C85
600
#61636B
700
#4E4F55
800
#3D3E43
900
#2E2F32
950
#1D1E20

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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