#748C9B

#748C9B

Color Values

HEX

#748C9B

RGB

116, 140, 155

HSL

203.1, 16.3%, 53.1%

HSV

203.1, 25.2%, 60.8%

CMYK

25.2%, 9.7%, 0.0%, 39.2%

OKLCH

0.6266 0.0356 235.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#748C9B

#9B8374

Analogous

#749B96

#74789B

#748C9B

Triadic

#748C9B

#9B748C

#8C9B74

Split Complementary

#748C9B

#9B7478

#9B9674

Tetradic

#748C9B

#96749B

#9B8374

#789B74

Color Blindness Simulation

Original

#748C9B

Protanopia

#7E7F97

Deuteranopia

#7D7B96

Tritanopia

#759594

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DDE1
300
#B8C4CC
400
#91A4B0
500
#6B8494
600
#556A77
700
#44555F
800
#35424A
900
#293238
950
#1A2023

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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