HEX #354DA2 color — Sapphire
The color #354DA2 is a dark shade and moderately saturated.
Palette
354DA2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(227,51%,97%) |
#e0e5f5 |
rgb(224,229,245) |
hsl(227,51%,92%) |
#cdd4ef |
rgb(205,212,239) |
hsl(227,51%,87%) |
#bac4e9 |
rgb(186,196,233) |
hsl(227,51%,82%) |
#a6b3e2 |
rgb(166,179,226) |
hsl(227,51%,77%) |
#93a3dc |
rgb(147,163,220) |
hsl(227,51%,72%) |
#8093d6 |
rgb(128,147,214) |
hsl(227,51%,67%) |
#6d82d0 |
rgb(109,130,208) |
hsl(227,51%,62%) |
#5972c9 |
rgb(89,114,201) |
hsl(227,51%,57%) |
#4661c3 |
rgb(70,97,195) |
hsl(227,51%,52%) |
#3b55b5 |
rgb(59,85,181) |
hsl(227,51%,47%) |
#344ca2 |
rgb(52,76,162) |
hsl(227,51%,42%) |
#2e438e |
rgb(46,67,142) |
hsl(227,51%,37%) |
#283a7b |
rgb(40,58,123) |
hsl(227,51%,32%) |
#223168 |
rgb(34,49,104) |
hsl(227,51%,27%) |
#1b2855 |
rgb(27,40,85) |
hsl(227,51%,22%) |
#151f41 |
rgb(21,31,65) |
hsl(227,51%,17%) |
#0f162e |
rgb(15,22,46) |
hsl(227,51%,12%) |
#090d1b |
rgb(9,13,27) |
hsl(227,51%,7%) |
#020408 |
rgb(2,4,8) |
hsl(227,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3596A2 |
rgb(53,150,162) |
hsl(187,51%,42%) |
#354DA2 |
rgb(53,77,162) |
hsl(227,51%,42%) |
#6536A2 |
rgb(101,54,162) |
hsl(266,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#546EC7 |
rgb(84,110,199) |
hsl(226,51%,55%) |
#3D59BB |
rgb(61,89,187) |
hsl(227,51%,49%) |
#354DA2 |
rgb(53,77,162) |
hsl(227,51%,42%) |
#2C4088 |
rgb(44,64,136) |
hsl(227,51%,35%) |
#24366E |
rgb(36,54,110) |
hsl(225,51%,29%) |
#1B2954 |
rgb(27,41,84) |
hsl(225,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#354DA2 |
rgb(53,77,162) |
hsl(227,51%,42%) |
#A25435 |
rgb(162,84,53) |
hsl(17,51%,42%) |
#83A335 |
rgb(131,163,53) |
hsl(77,51%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#354DA2 |
rgb(53,77,162) |
hsl(227,51%,42%) |
#A28A35 |
rgb(162,138,53) |
hsl(47,51%,42%) |
#3585A2 |
rgb(53,133,162) |
hsl(196,51%,42%) |
#83A335 |
rgb(131,163,53) |
hsl(77,51%,42%) |