#748697

#748697

Color Values

HEX

#748697

RGB

116, 134, 151

HSL

209.1, 14.4%, 52.4%

HSV

209.1, 23.2%, 59.2%

CMYK

23.2%, 11.3%, 0.0%, 40.8%

OKLCH

0.6116 0.0333 246.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#748697

#978574

Analogous

#749797

#747597

#748697

Triadic

#748697

#977486

#869774

Split Complementary

#748697

#977475

#979774

Tetradic

#748697

#977497

#978574

#759774

Color Blindness Simulation

Original

#748697

Protanopia

#7C7C93

Deuteranopia

#7B7992

Tritanopia

#75908F

Achromatopsia

#838383

CSS Usage

background-color: #748697;
color: #748697;
border-color: #748697;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE0
300
#B9C2CB
400
#93A1AE
500
#6D8092
600
#576675
700
#46525D
800
#374049
900
#2A3137
950
#1B1F23

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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