#748CCB

#748CCB

Color Values

HEX

#748CCB

RGB

116, 140, 203

HSL

223.4, 45.5%, 62.5%

HSV

223.4, 42.9%, 79.6%

CMYK

42.9%, 31.0%, 0.0%, 20.4%

OKLCH

0.6472 0.0988 267.7

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#748CCB

#CBB374

Analogous

#74B7CB

#8774CB

#748CCB

Triadic

#748CCB

#CB748C

#8CCB74

Split Complementary

#748CCB

#CB8774

#B7CB74

Tetradic

#748CCB

#CB74B7

#CBB374

#74CB87

Color Blindness Simulation

Original

#748CCB

Protanopia

#7E7FBC

Deuteranopia

#7D7BB8

Tritanopia

#75B0AD

Achromatopsia

#8B8B8B

CSS Usage

background-color: #748CCB;
color: #748CCB;
border-color: #748CCB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CBD4EC
300
#A6B5DE
400
#768DCC
500
#4566BA
600
#385194
700
#2C4177
800
#23335D
900
#1D2844
950
#12192B

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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