HEX #354AA4 color — Sapphire
The color #354AA4 is a dark shade and moderately saturated.
Palette
354AA4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(229,51%,98%) |
#e4e7f6 |
rgb(228,231,246) |
hsl(229,51%,93%) |
#d1d7f0 |
rgb(209,215,240) |
hsl(229,51%,88%) |
#bec6ea |
rgb(190,198,234) |
hsl(229,51%,83%) |
#aab5e4 |
rgb(170,181,228) |
hsl(229,51%,78%) |
#97a4dd |
rgb(151,164,221) |
hsl(229,51%,73%) |
#8493d7 |
rgb(132,147,215) |
hsl(229,51%,68%) |
#7182d1 |
rgb(113,130,209) |
hsl(229,51%,63%) |
#5d71cb |
rgb(93,113,203) |
hsl(229,51%,58%) |
#4a60c4 |
rgb(74,96,196) |
hsl(229,51%,53%) |
#3c53b9 |
rgb(60,83,185) |
hsl(229,51%,48%) |
#364aa6 |
rgb(54,74,166) |
hsl(229,51%,43%) |
#2f4292 |
rgb(47,66,146) |
hsl(229,51%,38%) |
#29397f |
rgb(41,57,127) |
hsl(229,51%,33%) |
#23306c |
rgb(35,48,108) |
hsl(229,51%,28%) |
#1d2859 |
rgb(29,40,89) |
hsl(229,51%,23%) |
#161f45 |
rgb(22,31,69) |
hsl(229,51%,18%) |
#101632 |
rgb(16,22,50) |
hsl(229,51%,13%) |
#0a0e1f |
rgb(10,14,31) |
hsl(229,51%,8%) |
#04050c |
rgb(4,5,12) |
hsl(229,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3594A4 |
rgb(53,148,164) |
hsl(189,51%,43%) |
#354AA4 |
rgb(53,74,164) |
hsl(229,51%,43%) |
#6A36A4 |
rgb(106,54,164) |
hsl(268,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#566BC8 |
rgb(86,107,200) |
hsl(229,51%,56%) |
#3D57BE |
rgb(61,87,190) |
hsl(228,51%,49%) |
#354AA4 |
rgb(53,74,164) |
hsl(229,51%,43%) |
#2C3D89 |
rgb(44,61,137) |
hsl(229,51%,35%) |
#24336F |
rgb(36,51,111) |
hsl(228,51%,29%) |
#1B2655 |
rgb(27,38,85) |
hsl(229,52%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#354AA4 |
rgb(53,74,164) |
hsl(229,51%,43%) |
#A45735 |
rgb(164,87,53) |
hsl(18,51%,43%) |
#81A335 |
rgb(129,163,53) |
hsl(79,51%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#354AA4 |
rgb(53,74,164) |
hsl(229,51%,43%) |
#A48F35 |
rgb(164,143,53) |
hsl(49,51%,43%) |
#3582A4 |
rgb(53,130,164) |
hsl(198,51%,43%) |
#81A335 |
rgb(129,163,53) |
hsl(79,51%,42%) |