HEX #344AA8 color — Sapphire
The color #344AA8 is a dark shade and moderately saturated.
Palette
344AA8 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(229,53%,98%) |
#e4e7f7 |
rgb(228,231,247) |
hsl(229,53%,93%) |
#d0d6f1 |
rgb(208,214,241) |
hsl(229,53%,88%) |
#bdc5eb |
rgb(189,197,235) |
hsl(229,53%,83%) |
#a9b4e5 |
rgb(169,180,229) |
hsl(229,53%,78%) |
#96a3df |
rgb(150,163,223) |
hsl(229,53%,73%) |
#8292d9 |
rgb(130,146,217) |
hsl(229,53%,68%) |
#6f81d3 |
rgb(111,129,211) |
hsl(229,53%,63%) |
#5b70cd |
rgb(91,112,205) |
hsl(229,53%,58%) |
#485fc7 |
rgb(72,95,199) |
hsl(229,53%,53%) |
#3a51bb |
rgb(58,81,187) |
hsl(229,53%,48%) |
#3449a8 |
rgb(52,73,168) |
hsl(229,53%,43%) |
#2e4094 |
rgb(46,64,148) |
hsl(229,53%,38%) |
#283881 |
rgb(40,56,129) |
hsl(229,53%,33%) |
#222f6d |
rgb(34,47,109) |
hsl(229,53%,28%) |
#1c275a |
rgb(28,39,90) |
hsl(229,53%,23%) |
#161e46 |
rgb(22,30,70) |
hsl(229,53%,18%) |
#101633 |
rgb(16,22,51) |
hsl(229,53%,13%) |
#0a0e1f |
rgb(10,14,31) |
hsl(229,53%,8%) |
#04050c |
rgb(4,5,12) |
hsl(229,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3496A8 |
rgb(52,150,168) |
hsl(189,53%,43%) |
#344AA8 |
rgb(52,74,168) |
hsl(229,53%,43%) |
#6B33A8 |
rgb(107,51,168) |
hsl(269,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#576ECB |
rgb(87,110,203) |
hsl(228,53%,57%) |
#3C57C2 |
rgb(60,87,194) |
hsl(228,53%,50%) |
#344AA8 |
rgb(52,74,168) |
hsl(229,53%,43%) |
#2B3D8D |
rgb(43,61,141) |
hsl(229,53%,36%) |
#233372 |
rgb(35,51,114) |
hsl(228,53%,29%) |
#1B2657 |
rgb(27,38,87) |
hsl(229,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#344AA8 |
rgb(52,74,168) |
hsl(229,53%,43%) |
#A85934 |
rgb(168,89,52) |
hsl(19,53%,43%) |
#84A834 |
rgb(132,168,52) |
hsl(79,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#344AA8 |
rgb(52,74,168) |
hsl(229,53%,43%) |
#A89134 |
rgb(168,145,52) |
hsl(48,53%,43%) |
#3485A8 |
rgb(52,133,168) |
hsl(198,53%,43%) |
#84A834 |
rgb(132,168,52) |
hsl(79,53%,43%) |