#737680

#737680

Color Values

HEX

#737680

RGB

115, 118, 128

HSL

226.2, 5.3%, 47.6%

HSV

226.2, 10.2%, 50.2%

CMYK

10.2%, 7.8%, 0.0%, 49.8%

OKLCH

0.5666 0.0158 272.5

Properties

Cool Light Nearest: lightsteelblue 4

Color Harmonies

Complementary

#737680

#807D73

Analogous

#737C80

#767380

#737680

Triadic

#737680

#807376

#768073

Split Complementary

#737680

#807673

#7C8073

Tetradic

#737680

#80737C

#807D73

#738076

Color Blindness Simulation

Original

#737680

Protanopia

#74747E

Deuteranopia

#74747D

Tritanopia

#737C7B

Achromatopsia

#767676

CSS Usage

background-color: #737680;
color: #737680;
border-color: #737680;
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.53:1

AA Pass AAA Fail

Text on black

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