HEX #344AA6 color — Sapphire
The color #344AA6 is a dark shade and moderately saturated.
Palette
344AA6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,52%,98%) |
#e4e8f6 |
rgb(228,232,246) |
hsl(228,52%,93%) |
#d0d7f0 |
rgb(208,215,240) |
hsl(228,52%,88%) |
#bdc6ea |
rgb(189,198,234) |
hsl(228,52%,83%) |
#aab5e4 |
rgb(170,181,228) |
hsl(228,52%,78%) |
#96a5de |
rgb(150,165,222) |
hsl(228,52%,73%) |
#8394d8 |
rgb(131,148,216) |
hsl(228,52%,68%) |
#7083d2 |
rgb(112,131,210) |
hsl(228,52%,63%) |
#5c72cc |
rgb(92,114,204) |
hsl(228,52%,58%) |
#4962c5 |
rgb(73,98,197) |
hsl(228,52%,53%) |
#3b54ba |
rgb(59,84,186) |
hsl(228,52%,48%) |
#354ba7 |
rgb(53,75,167) |
hsl(228,52%,43%) |
#2f4393 |
rgb(47,67,147) |
hsl(228,52%,38%) |
#283a80 |
rgb(40,58,128) |
hsl(228,52%,33%) |
#22316d |
rgb(34,49,109) |
hsl(228,52%,28%) |
#1c2859 |
rgb(28,40,89) |
hsl(228,52%,23%) |
#162046 |
rgb(22,32,70) |
hsl(228,52%,18%) |
#101732 |
rgb(16,23,50) |
hsl(228,52%,13%) |
#0a0e1f |
rgb(10,14,31) |
hsl(228,52%,8%) |
#04050c |
rgb(4,5,12) |
hsl(228,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3496A6 |
rgb(52,150,166) |
hsl(188,52%,43%) |
#344AA6 |
rgb(52,74,166) |
hsl(228,52%,43%) |
#6A33A6 |
rgb(106,51,166) |
hsl(269,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#556BC9 |
rgb(85,107,201) |
hsl(229,52%,56%) |
#3C57C0 |
rgb(60,87,192) |
hsl(228,52%,49%) |
#344AA6 |
rgb(52,74,166) |
hsl(228,52%,43%) |
#2B3D8B |
rgb(43,61,139) |
hsl(229,53%,36%) |
#233370 |
rgb(35,51,112) |
hsl(228,52%,29%) |
#1B2656 |
rgb(27,38,86) |
hsl(229,52%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#344AA6 |
rgb(52,74,166) |
hsl(228,52%,43%) |
#A65734 |
rgb(166,87,52) |
hsl(18,52%,43%) |
#83A634 |
rgb(131,166,52) |
hsl(78,52%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#344AA6 |
rgb(52,74,166) |
hsl(228,52%,43%) |
#A68F34 |
rgb(166,143,52) |
hsl(48,52%,43%) |
#3482A6 |
rgb(52,130,166) |
hsl(199,52%,43%) |
#83A634 |
rgb(131,166,52) |
hsl(78,52%,43%) |