#748DAB

#748DAB

Color Values

HEX

#748DAB

RGB

116, 141, 171

HSL

212.7, 24.7%, 56.3%

HSV

212.7, 32.2%, 67.1%

CMYK

32.2%, 17.5%, 0.0%, 32.9%

OKLCH

0.635 0.0536 253.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#748DAB

#AB9274

Analogous

#74A9AB

#7774AB

#748DAB

Triadic

#748DAB

#AB748D

#8DAB74

Split Complementary

#748DAB

#AB7774

#A9AB74

Tetradic

#748DAB

#AB74A9

#AB9274

#74AB77

Color Blindness Simulation

Original

#748DAB

Protanopia

#7F7FA4

Deuteranopia

#7D7BA2

Tritanopia

#759E9D

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D2DBE4
300
#B3C0D1
400
#899FB8
500
#607D9F
600
#4D647F
700
#3D5066
800
#303E4F
900
#262F3B
950
#181E25

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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