HEX #344DA7 color — Sapphire
The color #344DA7 is a dark shade and moderately saturated.
Palette
344DA7 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(227,53%,98%) |
#e4e8f7 |
rgb(228,232,247) |
hsl(227,53%,93%) |
#d0d7f1 |
rgb(208,215,241) |
hsl(227,53%,88%) |
#bdc7eb |
rgb(189,199,235) |
hsl(227,53%,83%) |
#a9b6e5 |
rgb(169,182,229) |
hsl(227,53%,78%) |
#96a5df |
rgb(150,165,223) |
hsl(227,53%,73%) |
#8295d9 |
rgb(130,149,217) |
hsl(227,53%,68%) |
#6f84d3 |
rgb(111,132,211) |
hsl(227,53%,63%) |
#5b74cd |
rgb(91,116,205) |
hsl(227,53%,58%) |
#4863c7 |
rgb(72,99,199) |
hsl(227,53%,53%) |
#3a56bb |
rgb(58,86,187) |
hsl(227,53%,48%) |
#344da8 |
rgb(52,77,168) |
hsl(227,53%,43%) |
#2e4494 |
rgb(46,68,148) |
hsl(227,53%,38%) |
#283b81 |
rgb(40,59,129) |
hsl(227,53%,33%) |
#22326d |
rgb(34,50,109) |
hsl(227,53%,28%) |
#1c295a |
rgb(28,41,90) |
hsl(227,53%,23%) |
#162046 |
rgb(22,32,70) |
hsl(227,53%,18%) |
#101733 |
rgb(16,23,51) |
hsl(227,53%,13%) |
#0a0e1f |
rgb(10,14,31) |
hsl(227,53%,8%) |
#04050c |
rgb(4,5,12) |
hsl(227,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3499A7 |
rgb(52,153,167) |
hsl(187,53%,43%) |
#344DA7 |
rgb(52,77,167) |
hsl(227,53%,43%) |
#6733A7 |
rgb(103,51,167) |
hsl(267,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5670CA |
rgb(86,112,202) |
hsl(227,52%,56%) |
#3C59C1 |
rgb(60,89,193) |
hsl(227,53%,50%) |
#344DA7 |
rgb(52,77,167) |
hsl(227,53%,43%) |
#2B408C |
rgb(43,64,140) |
hsl(227,53%,36%) |
#233671 |
rgb(35,54,113) |
hsl(225,53%,29%) |
#1B2956 |
rgb(27,41,86) |
hsl(226,52%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#344DA7 |
rgb(52,77,167) |
hsl(227,53%,43%) |
#A75434 |
rgb(167,84,52) |
hsl(17,53%,43%) |
#86A634 |
rgb(134,166,52) |
hsl(77,52%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#344DA7 |
rgb(52,77,167) |
hsl(227,53%,43%) |
#A78F34 |
rgb(167,143,52) |
hsl(47,53%,43%) |
#3487A7 |
rgb(52,135,167) |
hsl(197,53%,43%) |
#86A634 |
rgb(134,166,52) |
hsl(77,52%,43%) |