#747781

#747781

Color Values

HEX

#747781

RGB

116, 119, 129

HSL

226.2, 5.3%, 48.0%

HSV

226.2, 10.1%, 50.6%

CMYK

10.1%, 7.8%, 0.0%, 49.4%

OKLCH

0.5701 0.0157 272.5

Properties

Cool Light Nearest: lightsteelblue 4

Color Harmonies

Complementary

#747781

#817E74

Analogous

#747D81

#777481

#747781

Triadic

#747781

#817477

#778174

Split Complementary

#747781

#817774

#7D8174

Tetradic

#747781

#81747D

#817E74

#748177

Color Blindness Simulation

Original

#747781

Protanopia

#75757F

Deuteranopia

#75757E

Tritanopia

#747D7C

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DADD
300
#BFC0C5
400
#9C9EA6
500
#797C86
600
#61636B
700
#4D4F56
800
#3C3E43
900
#2E2F33
950
#1D1E20

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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