HEX #344DA2 color — Sapphire
The color #344DA2 is a dark shade and moderately saturated.
Palette
344DA2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(226,51%,97%) |
#e0e5f5 |
rgb(224,229,245) |
hsl(226,51%,92%) |
#cdd5ef |
rgb(205,213,239) |
hsl(226,51%,87%) |
#bac5e9 |
rgb(186,197,233) |
hsl(226,51%,82%) |
#a6b4e2 |
rgb(166,180,226) |
hsl(226,51%,77%) |
#93a4dc |
rgb(147,164,220) |
hsl(226,51%,72%) |
#8094d6 |
rgb(128,148,214) |
hsl(226,51%,67%) |
#6d84d0 |
rgb(109,132,208) |
hsl(226,51%,62%) |
#5974c9 |
rgb(89,116,201) |
hsl(226,51%,57%) |
#4663c3 |
rgb(70,99,195) |
hsl(226,51%,52%) |
#3b57b5 |
rgb(59,87,181) |
hsl(226,51%,47%) |
#344ea2 |
rgb(52,78,162) |
hsl(226,51%,42%) |
#2e458e |
rgb(46,69,142) |
hsl(226,51%,37%) |
#283b7b |
rgb(40,59,123) |
hsl(226,51%,32%) |
#223268 |
rgb(34,50,104) |
hsl(226,51%,27%) |
#1b2955 |
rgb(27,41,85) |
hsl(226,51%,22%) |
#152041 |
rgb(21,32,65) |
hsl(226,51%,17%) |
#0f162e |
rgb(15,22,46) |
hsl(226,51%,12%) |
#090d1b |
rgb(9,13,27) |
hsl(226,51%,7%) |
#020408 |
rgb(2,4,8) |
hsl(226,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3496A2 |
rgb(52,150,162) |
hsl(187,51%,42%) |
#344DA2 |
rgb(52,77,162) |
hsl(226,51%,42%) |
#6433A2 |
rgb(100,51,162) |
hsl(266,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#526EC7 |
rgb(82,110,199) |
hsl(226,51%,55%) |
#3C59BB |
rgb(60,89,187) |
hsl(226,51%,48%) |
#344DA2 |
rgb(52,77,162) |
hsl(226,51%,42%) |
#2B4088 |
rgb(43,64,136) |
hsl(226,52%,35%) |
#23366E |
rgb(35,54,110) |
hsl(225,52%,28%) |
#1B2954 |
rgb(27,41,84) |
hsl(225,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#344DA2 |
rgb(52,77,162) |
hsl(226,51%,42%) |
#A25234 |
rgb(162,82,52) |
hsl(16,51%,42%) |
#84A334 |
rgb(132,163,52) |
hsl(77,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#344DA2 |
rgb(52,77,162) |
hsl(226,51%,42%) |
#A28A34 |
rgb(162,138,52) |
hsl(47,51%,42%) |
#3485A2 |
rgb(52,133,162) |
hsl(196,51%,42%) |
#84A334 |
rgb(132,163,52) |
hsl(77,52%,42%) |