HEX #374AA5 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

374AA5 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
#3794A5 rgb(55,148,165) hsl(189,50%,43%)
#374AA5 rgb(55,74,165) hsl(230,50%,43%)
#6D38A5 rgb(109,56,165) hsl(269,49%,43%)

Monochromatic colors

HEX RGB HSL
#5A6EC8 rgb(90,110,200) hsl(229,50%,57%)
#3F57BF rgb(63,87,191) hsl(229,50%,50%)
#374AA5 rgb(55,74,165) hsl(230,50%,43%)
#2E3D8A rgb(46,61,138) hsl(230,50%,36%)
#253370 rgb(37,51,112) hsl(229,50%,29%)
#1C2655 rgb(28,38,85) hsl(229,50%,22%)

Triad color palettes

HEX RGB HSL
#374AA5 rgb(55,74,165) hsl(230,50%,43%)
#A55C37 rgb(165,92,55) hsl(20,50%,43%)
#81A637 rgb(129,166,55) hsl(80,50%,43%)

Tetrad color palettes

HEX RGB HSL
#374AA5 rgb(55,74,165) hsl(230,50%,43%)
#A59137 rgb(165,145,55) hsl(49,50%,43%)
#3782A5 rgb(55,130,165) hsl(199,50%,43%)
#81A637 rgb(129,166,55) hsl(80,50%,43%)