#3378B2

#3378B2

Color Values

HEX

#3378B2

RGB

51, 120, 178

HSL

207.4, 55.5%, 44.9%

HSV

207.4, 71.3%, 69.8%

CMYK

71.3%, 32.6%, 0.0%, 30.2%

OKLCH

0.556 0.1138 247.1

Properties

Cool Dark Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#3378B2

#B26D33

Analogous

#33B2AD

#3338B2

#3378B2

Triadic

#3378B2

#B23378

#78B233

Split Complementary

#3378B2

#B23338

#B2AD33

Tetradic

#3378B2

#AD33B2

#B26D33

#38B233

Color Blindness Simulation

Original

#3378B2

Protanopia

#5151A4

Deuteranopia

#4D48A1

Tritanopia

#369996

Achromatopsia

#6E6E6E

CSS Usage

background-color: #3378B2;
color: #3378B2;
border-color: #3378B2;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F8FB
100
#E5EEF6
200
#C7DDEF
300
#A0C5E4
400
#6CA5D5
500
#3986C6
600
#2D6B9F
700
#24567F
800
#1C4363
900
#183349
950
#0F202E

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail 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