HEX #354AA2 color — Sapphire
The color #354AA2 is a dark shade and moderately saturated.
Palette
354AA2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(228,51%,97%) |
#e0e4f5 |
rgb(224,228,245) |
hsl(228,51%,92%) |
#cdd4ef |
rgb(205,212,239) |
hsl(228,51%,87%) |
#bac3e9 |
rgb(186,195,233) |
hsl(228,51%,82%) |
#a6b2e2 |
rgb(166,178,226) |
hsl(228,51%,77%) |
#93a2dc |
rgb(147,162,220) |
hsl(228,51%,72%) |
#8091d6 |
rgb(128,145,214) |
hsl(228,51%,67%) |
#6d80d0 |
rgb(109,128,208) |
hsl(228,51%,62%) |
#5970c9 |
rgb(89,112,201) |
hsl(228,51%,57%) |
#465fc3 |
rgb(70,95,195) |
hsl(228,51%,52%) |
#3b53b5 |
rgb(59,83,181) |
hsl(228,51%,47%) |
#344aa2 |
rgb(52,74,162) |
hsl(228,51%,42%) |
#2e418e |
rgb(46,65,142) |
hsl(228,51%,37%) |
#28397b |
rgb(40,57,123) |
hsl(228,51%,32%) |
#223068 |
rgb(34,48,104) |
hsl(228,51%,27%) |
#1b2755 |
rgb(27,39,85) |
hsl(228,51%,22%) |
#151e41 |
rgb(21,30,65) |
hsl(228,51%,17%) |
#0f152e |
rgb(15,21,46) |
hsl(228,51%,12%) |
#090c1b |
rgb(9,12,27) |
hsl(228,51%,7%) |
#020408 |
rgb(2,4,8) |
hsl(228,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3594A2 |
rgb(53,148,162) |
hsl(188,51%,42%) |
#354AA2 |
rgb(53,74,162) |
hsl(228,51%,42%) |
#6836A2 |
rgb(104,54,162) |
hsl(268,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#546BC7 |
rgb(84,107,199) |
hsl(228,51%,55%) |
#3D57BB |
rgb(61,87,187) |
hsl(228,51%,49%) |
#354AA2 |
rgb(53,74,162) |
hsl(228,51%,42%) |
#2C3D88 |
rgb(44,61,136) |
hsl(229,51%,35%) |
#24336E |
rgb(36,51,110) |
hsl(228,51%,29%) |
#1B2654 |
rgb(27,38,84) |
hsl(228,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#354AA2 |
rgb(53,74,162) |
hsl(228,51%,42%) |
#A25735 |
rgb(162,87,53) |
hsl(19,51%,42%) |
#80A335 |
rgb(128,163,53) |
hsl(79,51%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#354AA2 |
rgb(53,74,162) |
hsl(228,51%,42%) |
#A28C35 |
rgb(162,140,53) |
hsl(48,51%,42%) |
#3580A2 |
rgb(53,128,162) |
hsl(199,51%,42%) |
#80A335 |
rgb(128,163,53) |
hsl(79,51%,42%) |