HEX #344FA0 color — Sapphire
The color #344FA0 is a dark shade and moderately saturated.
Palette
344FA0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(225,51%,97%) |
#e0e5f5 |
rgb(224,229,245) |
hsl(225,51%,92%) |
#cdd5ef |
rgb(205,213,239) |
hsl(225,51%,87%) |
#bac5e9 |
rgb(186,197,233) |
hsl(225,51%,82%) |
#a6b5e2 |
rgb(166,181,226) |
hsl(225,51%,77%) |
#93a5dc |
rgb(147,165,220) |
hsl(225,51%,72%) |
#8095d6 |
rgb(128,149,214) |
hsl(225,51%,67%) |
#6d85d0 |
rgb(109,133,208) |
hsl(225,51%,62%) |
#5975c9 |
rgb(89,117,201) |
hsl(225,51%,57%) |
#4665c3 |
rgb(70,101,195) |
hsl(225,51%,52%) |
#3b59b5 |
rgb(59,89,181) |
hsl(225,51%,47%) |
#3450a2 |
rgb(52,80,162) |
hsl(225,51%,42%) |
#2e468e |
rgb(46,70,142) |
hsl(225,51%,37%) |
#283d7b |
rgb(40,61,123) |
hsl(225,51%,32%) |
#223368 |
rgb(34,51,104) |
hsl(225,51%,27%) |
#1b2a55 |
rgb(27,42,85) |
hsl(225,51%,22%) |
#152041 |
rgb(21,32,65) |
hsl(225,51%,17%) |
#0f172e |
rgb(15,23,46) |
hsl(225,51%,12%) |
#090d1b |
rgb(9,13,27) |
hsl(225,51%,7%) |
#020408 |
rgb(2,4,8) |
hsl(225,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3496A0 |
rgb(52,150,160) |
hsl(186,51%,42%) |
#344FA0 |
rgb(52,79,160) |
hsl(225,51%,42%) |
#6133A0 |
rgb(97,51,160) |
hsl(265,52%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#516EC6 |
rgb(81,110,198) |
hsl(225,51%,55%) |
#3C5CB9 |
rgb(60,92,185) |
hsl(225,51%,48%) |
#344FA0 |
rgb(52,79,160) |
hsl(225,51%,42%) |
#2B4286 |
rgb(43,66,134) |
hsl(225,51%,35%) |
#23366C |
rgb(35,54,108) |
hsl(224,51%,28%) |
#1B2953 |
rgb(27,41,83) |
hsl(225,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#344FA0 |
rgb(52,79,160) |
hsl(225,51%,42%) |
#A04F34 |
rgb(160,79,52) |
hsl(15,51%,42%) |
#85A134 |
rgb(133,161,52) |
hsl(75,51%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#344FA0 |
rgb(52,79,160) |
hsl(225,51%,42%) |
#A08534 |
rgb(160,133,52) |
hsl(45,51%,42%) |
#3485A0 |
rgb(52,133,160) |
hsl(195,51%,42%) |
#85A134 |
rgb(133,161,52) |
hsl(75,51%,42%) |