#748BBA

#748BBA

Color Values

HEX

#748BBA

RGB

116, 139, 186

HSL

220.3, 33.7%, 59.2%

HSV

220.3, 37.6%, 72.9%

CMYK

37.6%, 25.3%, 0.0%, 27.1%

OKLCH

0.6371 0.0759 264.2

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#748BBA

#BAA374

Analogous

#74AEBA

#8074BA

#748BBA

Triadic

#748BBA

#BA748B

#8BBA74

Split Complementary

#748BBA

#BA8074

#AEBA74

Tetradic

#748BBA

#BA74AE

#BAA374

#74BA80

Color Blindness Simulation

Original

#748BBA

Protanopia

#7E7EAF

Deuteranopia

#7D7BAC

Tritanopia

#75A6A4

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E7
300
#ADBBD6
400
#8196C0
500
#5571AA
600
#445A88
700
#36486D
800
#2A3855
900
#222B3F
950
#151B28

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