#378DC8

#378DC8

Color Values

HEX

#378DC8

RGB

55, 141, 200

HSL

204.4, 56.9%, 50.0%

HSV

204.4, 72.5%, 78.4%

CMYK

72.5%, 29.5%, 0.0%, 21.6%

OKLCH

0.6184 0.1209 242.5

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#378DC8

#C87237

Analogous

#37C8BB

#3744C8

#378DC8

Triadic

#378DC8

#C8378D

#8DC837

Split Complementary

#378DC8

#C83744

#C8BB37

Tetradic

#378DC8

#BB37C8

#C87237

#44C837

Color Blindness Simulation

Original

#378DC8

Protanopia

#5C5DBA

Deuteranopia

#5751B6

Tritanopia

#3BAEAC

Achromatopsia

#7F7F7F

CSS Usage

background-color: #378DC8;
color: #378DC8;
border-color: #378DC8;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FB
100
#E5EFF6
200
#C7DFF0
300
#9FC8E5
400
#6BABD6
500
#378DC8
600
#2C71A0
700
#235A80
800
#1B4764
900
#183549
950
#0F222E

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026