HEX #374DA6 color — Sapphire
The color #374DA6 is a dark shade and moderately saturated.
Palette
374DA6 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 |
#3796A6 |
rgb(55,150,166) |
hsl(189,50%,43%) |
#374DA6 |
rgb(55,77,166) |
hsl(228,50%,43%) |
#6B38A6 |
rgb(107,56,166) |
hsl(268,50%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B70C8 |
rgb(91,112,200) |
hsl(228,50%,57%) |
#4059BF |
rgb(64,89,191) |
hsl(228,50%,50%) |
#374DA6 |
rgb(55,77,166) |
hsl(228,50%,43%) |
#2E408B |
rgb(46,64,139) |
hsl(228,50%,36%) |
#253670 |
rgb(37,54,112) |
hsl(226,50%,29%) |
#1C2956 |
rgb(28,41,86) |
hsl(227,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#374DA6 |
rgb(55,77,166) |
hsl(228,50%,43%) |
#A65937 |
rgb(166,89,55) |
hsl(18,50%,43%) |
#84A637 |
rgb(132,166,55) |
hsl(78,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#374DA6 |
rgb(55,77,166) |
hsl(228,50%,43%) |
#A68F37 |
rgb(166,143,55) |
hsl(48,50%,43%) |
#3785A6 |
rgb(55,133,166) |
hsl(198,50%,43%) |
#84A637 |
rgb(132,166,55) |
hsl(78,50%,43%) |