#748896

#748896

Color Values

HEX

#748896

RGB

116, 136, 150

HSL

204.7, 13.9%, 52.2%

HSV

204.7, 22.7%, 58.8%

CMYK

22.7%, 9.3%, 0.0%, 41.2%

OKLCH

0.6157 0.0314 238.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#748896

#968274

Analogous

#749693

#747796

#748896

Triadic

#748896

#967488

#889674

Split Complementary

#748896

#967477

#969374

Tetradic

#748896

#937496

#968274

#779674

Color Blindness Simulation

Original

#748896

Protanopia

#7D7D93

Deuteranopia

#7C7A92

Tritanopia

#75908F

Achromatopsia

#858585

CSS Usage

background-color: #748896;
color: #748896;
border-color: #748896;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DCE0
300
#B9C3CA
400
#94A3AE
500
#6E8391
600
#586974
700
#46545D
800
#374149
900
#2A3237
950
#1B1F22

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.7:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026