HEX #354DA1 color — Sapphire
The color #354DA1 is a dark shade and moderately saturated.
Palette
354DA1 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fb |
rgb(244,245,251) |
hsl(227,50%,97%) |
#e0e5f5 |
rgb(224,229,245) |
hsl(227,50%,92%) |
#cdd4ee |
rgb(205,212,238) |
hsl(227,50%,87%) |
#bac4e8 |
rgb(186,196,232) |
hsl(227,50%,82%) |
#a7b4e2 |
rgb(167,180,226) |
hsl(227,50%,77%) |
#94a3db |
rgb(148,163,219) |
hsl(227,50%,72%) |
#8193d5 |
rgb(129,147,213) |
hsl(227,50%,67%) |
#6e83cf |
rgb(110,131,207) |
hsl(227,50%,62%) |
#5b72c8 |
rgb(91,114,200) |
hsl(227,50%,57%) |
#4762c2 |
rgb(71,98,194) |
hsl(227,50%,52%) |
#3c56b4 |
rgb(60,86,180) |
hsl(227,50%,47%) |
#364da1 |
rgb(54,77,161) |
hsl(227,50%,42%) |
#2f448e |
rgb(47,68,142) |
hsl(227,50%,37%) |
#293a7a |
rgb(41,58,122) |
hsl(227,50%,32%) |
#223167 |
rgb(34,49,103) |
hsl(227,50%,27%) |
#1c2854 |
rgb(28,40,84) |
hsl(227,50%,22%) |
#161f41 |
rgb(22,31,65) |
hsl(227,50%,17%) |
#0f162e |
rgb(15,22,46) |
hsl(227,50%,12%) |
#090d1b |
rgb(9,13,27) |
hsl(227,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(227,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3594A1 |
rgb(53,148,161) |
hsl(187,50%,42%) |
#354DA1 |
rgb(53,77,161) |
hsl(227,50%,42%) |
#6536A1 |
rgb(101,54,161) |
hsl(266,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536EC6 |
rgb(83,110,198) |
hsl(226,50%,55%) |
#3D59BA |
rgb(61,89,186) |
hsl(227,51%,48%) |
#354DA1 |
rgb(53,77,161) |
hsl(227,50%,42%) |
#2C4087 |
rgb(44,64,135) |
hsl(227,51%,35%) |
#24366D |
rgb(36,54,109) |
hsl(225,50%,28%) |
#1B2953 |
rgb(27,41,83) |
hsl(225,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#354DA1 |
rgb(53,77,161) |
hsl(227,50%,42%) |
#A15435 |
rgb(161,84,53) |
hsl(17,50%,42%) |
#83A135 |
rgb(131,161,53) |
hsl(77,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#354DA1 |
rgb(53,77,161) |
hsl(227,50%,42%) |
#A18A35 |
rgb(161,138,53) |
hsl(47,50%,42%) |
#3582A1 |
rgb(53,130,161) |
hsl(197,50%,42%) |
#83A135 |
rgb(131,161,53) |
hsl(77,50%,42%) |