HEX #354DA5 color — Sapphire
The color #354DA5 is a dark shade and moderately saturated.
Palette
354DA5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(227,51%,98%) |
#e4e8f6 |
rgb(228,232,246) |
hsl(227,51%,93%) |
#d1d8f0 |
rgb(209,216,240) |
hsl(227,51%,88%) |
#bec7ea |
rgb(190,199,234) |
hsl(227,51%,83%) |
#aab7e4 |
rgb(170,183,228) |
hsl(227,51%,78%) |
#97a6dd |
rgb(151,166,221) |
hsl(227,51%,73%) |
#8496d7 |
rgb(132,150,215) |
hsl(227,51%,68%) |
#7185d1 |
rgb(113,133,209) |
hsl(227,51%,63%) |
#5d75cb |
rgb(93,117,203) |
hsl(227,51%,58%) |
#4a65c4 |
rgb(74,101,196) |
hsl(227,51%,53%) |
#3c57b9 |
rgb(60,87,185) |
hsl(227,51%,48%) |
#364ea6 |
rgb(54,78,166) |
hsl(227,51%,43%) |
#2f4592 |
rgb(47,69,146) |
hsl(227,51%,38%) |
#293c7f |
rgb(41,60,127) |
hsl(227,51%,33%) |
#23336c |
rgb(35,51,108) |
hsl(227,51%,28%) |
#1d2a59 |
rgb(29,42,89) |
hsl(227,51%,23%) |
#162145 |
rgb(22,33,69) |
hsl(227,51%,18%) |
#101832 |
rgb(16,24,50) |
hsl(227,51%,13%) |
#0a0f1f |
rgb(10,15,31) |
hsl(227,51%,8%) |
#04050c |
rgb(4,5,12) |
hsl(227,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3596A5 |
rgb(53,150,165) |
hsl(188,51%,43%) |
#354DA5 |
rgb(53,77,165) |
hsl(227,51%,43%) |
#6736A5 |
rgb(103,54,165) |
hsl(266,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5670C8 |
rgb(86,112,200) |
hsl(226,51%,56%) |
#3D59BF |
rgb(61,89,191) |
hsl(227,52%,49%) |
#354DA5 |
rgb(53,77,165) |
hsl(227,51%,43%) |
#2C408A |
rgb(44,64,138) |
hsl(227,52%,36%) |
#243670 |
rgb(36,54,112) |
hsl(226,51%,29%) |
#1B2955 |
rgb(27,41,85) |
hsl(226,52%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#354DA5 |
rgb(53,77,165) |
hsl(227,51%,43%) |
#A55435 |
rgb(165,84,53) |
hsl(17,51%,43%) |
#85A635 |
rgb(133,166,53) |
hsl(78,52%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#354DA5 |
rgb(53,77,165) |
hsl(227,51%,43%) |
#A58C35 |
rgb(165,140,53) |
hsl(47,51%,43%) |
#3585A5 |
rgb(53,133,165) |
hsl(197,51%,43%) |
#85A635 |
rgb(133,166,53) |
hsl(78,52%,43%) |