HEX #374AA4 color — Sapphire

The color #374AA4 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

374AA4 color palette from light to dark

HEX RGB HSL
#f7f8fc rgb(247,248,252) hsl(230,50%,98%)
#e4e7f6 rgb(228,231,246) hsl(230,50%,93%)
#d1d6f0 rgb(209,214,240) hsl(230,50%,88%)
#bec5e9 rgb(190,197,233) hsl(230,50%,83%)
#abb4e3 rgb(171,180,227) hsl(230,50%,78%)
#98a3dd rgb(152,163,221) hsl(230,50%,73%)
#8592d6 rgb(133,146,214) hsl(230,50%,68%)
#7181d0 rgb(113,129,208) hsl(230,50%,63%)
#5e70c9 rgb(94,112,201) hsl(230,50%,58%)
#4b5fc3 rgb(75,95,195) hsl(230,50%,53%)
#3d52b8 rgb(61,82,184) hsl(230,50%,48%)
#3749a4 rgb(55,73,164) hsl(230,50%,43%)
#304191 rgb(48,65,145) hsl(230,50%,38%)
#2a387e rgb(42,56,126) hsl(230,50%,33%)
#24306b rgb(36,48,107) hsl(230,50%,28%)
#1d2758 rgb(29,39,88) hsl(230,50%,23%)
#171f45 rgb(23,31,69) hsl(230,50%,18%)
#111632 rgb(17,22,50) hsl(230,50%,13%)
#0a0e1f rgb(10,14,31) hsl(230,50%,8%)
#04050b rgb(4,5,11) hsl(230,50%,3%)

Adjacent colors

HEX RGB HSL
#3794A4 rgb(55,148,164) hsl(189,50%,43%)
#374AA4 rgb(55,74,164) hsl(230,50%,43%)
#6C38A4 rgb(108,56,164) hsl(269,49%,43%)

Monochromatic colors

HEX RGB HSL
#596EC7 rgb(89,110,199) hsl(229,50%,56%)
#3F57BE rgb(63,87,190) hsl(229,50%,50%)
#374AA4 rgb(55,74,164) hsl(230,50%,43%)
#2E3D89 rgb(46,61,137) hsl(230,50%,36%)
#25336F rgb(37,51,111) hsl(229,50%,29%)
#1C2655 rgb(28,38,85) hsl(229,50%,22%)

Triad color palettes

HEX RGB HSL
#374AA4 rgb(55,74,164) hsl(230,50%,43%)
#A45937 rgb(164,89,55) hsl(19,50%,43%)
#80A337 rgb(128,163,55) hsl(79,50%,43%)

Tetrad color palettes

HEX RGB HSL
#374AA4 rgb(55,74,164) hsl(230,50%,43%)
#A49137 rgb(164,145,55) hsl(50,50%,43%)
#3780A4 rgb(55,128,164) hsl(200,50%,43%)
#80A337 rgb(128,163,55) hsl(79,50%,43%)