#748DB8

#748DB8

Color Values

HEX

#748DB8

RGB

116, 141, 184

HSL

217.9, 32.4%, 58.8%

HSV

217.9, 37.0%, 72.2%

CMYK

37.0%, 23.4%, 0.0%, 27.8%

OKLCH

0.6405 0.071 261.1

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#748DB8

#B89F74

Analogous

#74AFB8

#7D74B8

#748DB8

Triadic

#748DB8

#B8748D

#8DB874

Split Complementary

#748DB8

#B87D74

#AFB874

Tetradic

#748DB8

#B874AF

#B89F74

#74B87D

Color Blindness Simulation

Original

#748DB8

Protanopia

#7F7FAE

Deuteranopia

#7D7BAB

Tritanopia

#75A5A4

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0D8E7
300
#AEBDD6
400
#8299BF
500
#5675A9
600
#455D87
700
#374B6C
800
#2B3A54
900
#222D3F
950
#161C28

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.24:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026