HEX #374DA5 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

374DA5 color palette from light to dark

HEX RGB HSL
#f7f8fc rgb(247,248,252) hsl(228,50%,98%)
#e4e8f6 rgb(228,232,246) hsl(228,50%,93%)
#d1d7f0 rgb(209,215,240) hsl(228,50%,88%)
#bec7e9 rgb(190,199,233) hsl(228,50%,83%)
#abb6e3 rgb(171,182,227) hsl(228,50%,78%)
#98a5dd rgb(152,165,221) hsl(228,50%,73%)
#8595d6 rgb(133,149,214) hsl(228,50%,68%)
#7184d0 rgb(113,132,208) hsl(228,50%,63%)
#5e74c9 rgb(94,116,201) hsl(228,50%,58%)
#4b63c3 rgb(75,99,195) hsl(228,50%,53%)
#3d56b8 rgb(61,86,184) hsl(228,50%,48%)
#374da4 rgb(55,77,164) hsl(228,50%,43%)
#304491 rgb(48,68,145) hsl(228,50%,38%)
#2a3b7e rgb(42,59,126) hsl(228,50%,33%)
#24326b rgb(36,50,107) hsl(228,50%,28%)
#1d2958 rgb(29,41,88) hsl(228,50%,23%)
#172045 rgb(23,32,69) hsl(228,50%,18%)
#111732 rgb(17,23,50) hsl(228,50%,13%)
#0a0e1f rgb(10,14,31) hsl(228,50%,8%)
#04050b rgb(4,5,11) hsl(228,50%,3%)

Adjacent colors

HEX RGB HSL
#3796A5 rgb(55,150,165) hsl(188,50%,43%)
#374DA5 rgb(55,77,165) hsl(228,50%,43%)
#6A38A5 rgb(106,56,165) hsl(268,49%,43%)

Monochromatic colors

HEX RGB HSL
#5A70C8 rgb(90,112,200) hsl(228,50%,57%)
#3F59BF rgb(63,89,191) hsl(228,50%,50%)
#374DA5 rgb(55,77,165) hsl(228,50%,43%)
#2E408A rgb(46,64,138) hsl(228,50%,36%)
#253670 rgb(37,54,112) hsl(226,50%,29%)
#1C2955 rgb(28,41,85) hsl(226,50%,22%)

Triad color palettes

HEX RGB HSL
#374DA5 rgb(55,77,165) hsl(228,50%,43%)
#A55937 rgb(165,89,55) hsl(19,50%,43%)
#84A637 rgb(132,166,55) hsl(78,50%,43%)

Tetrad color palettes

HEX RGB HSL
#374DA5 rgb(55,77,165) hsl(228,50%,43%)
#A58F37 rgb(165,143,55) hsl(48,50%,43%)
#3785A5 rgb(55,133,165) hsl(197,50%,43%)
#84A637 rgb(132,166,55) hsl(78,50%,43%)