#748299

#748299

Color Values

HEX

#748299

RGB

116, 130, 153

HSL

217.3, 15.4%, 52.7%

HSV

217.3, 24.2%, 60.0%

CMYK

24.2%, 15.0%, 0.0%, 40.0%

OKLCH

0.6034 0.0388 260.3

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#748299

#998B74

Analogous

#749499

#787499

#748299

Triadic

#748299

#997482

#829974

Split Complementary

#748299

#997874

#949974

Tetradic

#748299

#997494

#998B74

#749978

Color Blindness Simulation

Original

#748299

Protanopia

#7A7A93

Deuteranopia

#797892

Tritanopia

#758F8E

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DAE1
300
#B8C0CB
400
#929DAF
500
#6C7B93
600
#566276
700
#454F5E
800
#363D4A
900
#2A2F37
950
#1A1E23

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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