HEX #344FA7 color — Sapphire
The color #344FA7 is a dark shade and moderately saturated.
Palette
344FA7 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(226,53%,98%) |
#e4e8f7 |
rgb(228,232,247) |
hsl(226,53%,93%) |
#d0d8f1 |
rgb(208,216,241) |
hsl(226,53%,88%) |
#bdc7eb |
rgb(189,199,235) |
hsl(226,53%,83%) |
#a9b7e5 |
rgb(169,183,229) |
hsl(226,53%,78%) |
#96a7df |
rgb(150,167,223) |
hsl(226,53%,73%) |
#8296d9 |
rgb(130,150,217) |
hsl(226,53%,68%) |
#6f86d3 |
rgb(111,134,211) |
hsl(226,53%,63%) |
#5b76cd |
rgb(91,118,205) |
hsl(226,53%,58%) |
#4865c7 |
rgb(72,101,199) |
hsl(226,53%,53%) |
#3a58bb |
rgb(58,88,187) |
hsl(226,53%,48%) |
#344fa8 |
rgb(52,79,168) |
hsl(226,53%,43%) |
#2e4694 |
rgb(46,70,148) |
hsl(226,53%,38%) |
#283c81 |
rgb(40,60,129) |
hsl(226,53%,33%) |
#22336d |
rgb(34,51,109) |
hsl(226,53%,28%) |
#1c2a5a |
rgb(28,42,90) |
hsl(226,53%,23%) |
#162146 |
rgb(22,33,70) |
hsl(226,53%,18%) |
#101833 |
rgb(16,24,51) |
hsl(226,53%,13%) |
#0a0f1f |
rgb(10,15,31) |
hsl(226,53%,8%) |
#04050c |
rgb(4,5,12) |
hsl(226,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#349CA7 |
rgb(52,156,167) |
hsl(186,53%,43%) |
#344FA7 |
rgb(52,79,167) |
hsl(226,53%,43%) |
#6533A7 |
rgb(101,51,167) |
hsl(266,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5673CA |
rgb(86,115,202) |
hsl(225,52%,56%) |
#3C5CC1 |
rgb(60,92,193) |
hsl(226,53%,50%) |
#344FA7 |
rgb(52,79,167) |
hsl(226,53%,43%) |
#2B428C |
rgb(43,66,140) |
hsl(226,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 |
#344FA7 |
rgb(52,79,167) |
hsl(226,53%,43%) |
#A75234 |
rgb(167,82,52) |
hsl(16,53%,43%) |
#88A634 |
rgb(136,166,52) |
hsl(76,52%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#344FA7 |
rgb(52,79,167) |
hsl(226,53%,43%) |
#A78C34 |
rgb(167,140,52) |
hsl(46,53%,43%) |
#348AA7 |
rgb(52,138,167) |
hsl(195,53%,43%) |
#88A634 |
rgb(136,166,52) |
hsl(76,52%,43%) |