HEX #364DA2 color — Sapphire
The color #364DA2 is a dark shade and moderately saturated.
Palette
364DA2 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 |
#3694A2 |
rgb(54,148,162) |
hsl(188,50%,42%) |
#364DA2 |
rgb(54,77,162) |
hsl(227,50%,42%) |
#6736A2 |
rgb(103,54,162) |
hsl(267,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#566EC6 |
rgb(86,110,198) |
hsl(227,50%,56%) |
#3E59BB |
rgb(62,89,187) |
hsl(227,50%,49%) |
#364DA2 |
rgb(54,77,162) |
hsl(227,50%,42%) |
#2D4088 |
rgb(45,64,136) |
hsl(227,50%,35%) |
#24366E |
rgb(36,54,110) |
hsl(225,51%,29%) |
#1C2954 |
rgb(28,41,84) |
hsl(226,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#364DA2 |
rgb(54,77,162) |
hsl(227,50%,42%) |
#A25436 |
rgb(162,84,54) |
hsl(17,50%,42%) |
#83A336 |
rgb(131,163,54) |
hsl(78,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#364DA2 |
rgb(54,77,162) |
hsl(227,50%,42%) |
#A28C36 |
rgb(162,140,54) |
hsl(48,50%,42%) |
#3682A2 |
rgb(54,130,162) |
hsl(198,50%,42%) |
#83A336 |
rgb(131,163,54) |
hsl(78,50%,43%) |