#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026