#377CD8

#377CD8

Color Values

HEX

#377CD8

RGB

55, 124, 216

HSL

214,3, 67,4%, 53,1%

HSV

214,3, 74,5%, 84,7%

CMYK

74,5%, 42,6%, 0,0%, 15,3%

OKLCH

0,5892 0,157 256,7

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#377CD8

#D89337

Analogous

#37CCD8

#4237D8

#377CD8

Triadic

#377CD8

#D8377C

#7CD837

Split Complementary

#377CD8

#D84237

#CCD837

Tetradic

#377CD8

#D837CC

#D89337

#37D842

Color Blindness Simulation

Original

#377CD8

Protanopia

#5555C2

Deuteranopia

#514CBC

Tritanopia

#3AB0AC

Achromatopsia

#747474

CSS Usage

background-color: #377CD8;
color: #377CD8;
border-color: #377CD8;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C3D8F3
300
#99BCEB
400
#6198E0
500
#2A73D5
600
#215CAB
700
#1B4A89
800
#153A6B
900
#132C4E
950
#0C1C31

Contrast Checker

Text on white

4,17:1

AA Fail AAA Fail

Text on black

5,04:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026