HEX #374AA3 color — Sapphire
The color #374AA3 is a dark shade and moderately saturated.
Palette
374AA3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fc |
rgb(247,248,252) |
hsl(229,50%,98%) |
#e4e7f6 |
rgb(228,231,246) |
hsl(229,50%,93%) |
#d1d7f0 |
rgb(209,215,240) |
hsl(229,50%,88%) |
#bec6e9 |
rgb(190,198,233) |
hsl(229,50%,83%) |
#abb5e3 |
rgb(171,181,227) |
hsl(229,50%,78%) |
#98a4dd |
rgb(152,164,221) |
hsl(229,50%,73%) |
#8594d6 |
rgb(133,148,214) |
hsl(229,50%,68%) |
#7183d0 |
rgb(113,131,208) |
hsl(229,50%,63%) |
#5e72c9 |
rgb(94,114,201) |
hsl(229,50%,58%) |
#4b61c3 |
rgb(75,97,195) |
hsl(229,50%,53%) |
#3d54b8 |
rgb(61,84,184) |
hsl(229,50%,48%) |
#374ba4 |
rgb(55,75,164) |
hsl(229,50%,43%) |
#304291 |
rgb(48,66,145) |
hsl(229,50%,38%) |
#2a3a7e |
rgb(42,58,126) |
hsl(229,50%,33%) |
#24316b |
rgb(36,49,107) |
hsl(229,50%,28%) |
#1d2858 |
rgb(29,40,88) |
hsl(229,50%,23%) |
#171f45 |
rgb(23,31,69) |
hsl(229,50%,18%) |
#111732 |
rgb(17,23,50) |
hsl(229,50%,13%) |
#0a0e1f |
rgb(10,14,31) |
hsl(229,50%,8%) |
#04050b |
rgb(4,5,11) |
hsl(229,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3791A3 |
rgb(55,145,163) |
hsl(190,50%,43%) |
#374AA3 |
rgb(55,74,163) |
hsl(229,50%,43%) |
#6C38A3 |
rgb(108,56,163) |
hsl(269,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#586BC6 |
rgb(88,107,198) |
hsl(230,49%,56%) |
#3F57BD |
rgb(63,87,189) |
hsl(229,50%,49%) |
#374AA3 |
rgb(55,74,163) |
hsl(229,50%,43%) |
#2E3D88 |
rgb(46,61,136) |
hsl(230,49%,36%) |
#25336E |
rgb(37,51,110) |
hsl(228,50%,29%) |
#1C2654 |
rgb(28,38,84) |
hsl(229,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#374AA3 |
rgb(55,74,163) |
hsl(229,50%,43%) |
#A35937 |
rgb(163,89,55) |
hsl(19,50%,43%) |
#80A337 |
rgb(128,163,55) |
hsl(79,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#374AA3 |
rgb(55,74,163) |
hsl(229,50%,43%) |
#A38F37 |
rgb(163,143,55) |
hsl(49,50%,43%) |
#3780A3 |
rgb(55,128,163) |
hsl(199,50%,43%) |
#80A337 |
rgb(128,163,55) |
hsl(79,50%,43%) |