#748EB3

#748EB3

Color Values

HEX

#748EB3

RGB

116, 142, 179

HSL

215,2, 29,3%, 57,8%

HSV

215,2, 35,2%, 70,2%

CMYK

35,2%, 20,7%, 0,0%, 29,8%

OKLCH

0,6405 0,0633 257,2

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#748EB3

#B39974

Analogous

#74ADB3

#7974B3

#748EB3

Triadic

#748EB3

#B3748E

#8EB374

Split Complementary

#748EB3

#B37974

#ADB374

Tetradic

#748EB3

#B374AD

#B39974

#74B379

Color Blindness Simulation

Original

#748EB3

Protanopia

#7F7FAA

Deuteranopia

#7E7CA8

Tritanopia

#75A3A1

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1D9E6
300
#B0BFD4
400
#859CBC
500
#5A79A5
600
#486184
700
#3A4D6A
800
#2D3D52
900
#242E3D
950
#171D27

Contrast Checker

Text on white

3,35:1

AA Fail AAA Fail

Text on black

6,26:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026