HEX #344FA6 color — Sapphire
The color #344FA6 is a dark shade and moderately saturated.
Palette
344FA6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(226,52%,98%) |
#e4e8f6 |
rgb(228,232,246) |
hsl(226,52%,93%) |
#d0d8f0 |
rgb(208,216,240) |
hsl(226,52%,88%) |
#bdc8ea |
rgb(189,200,234) |
hsl(226,52%,83%) |
#aab7e4 |
rgb(170,183,228) |
hsl(226,52%,78%) |
#96a7de |
rgb(150,167,222) |
hsl(226,52%,73%) |
#8397d8 |
rgb(131,151,216) |
hsl(226,52%,68%) |
#7086d2 |
rgb(112,134,210) |
hsl(226,52%,63%) |
#5c76cc |
rgb(92,118,204) |
hsl(226,52%,58%) |
#4966c5 |
rgb(73,102,197) |
hsl(226,52%,53%) |
#3b58ba |
rgb(59,88,186) |
hsl(226,52%,48%) |
#354fa7 |
rgb(53,79,167) |
hsl(226,52%,43%) |
#2f4693 |
rgb(47,70,147) |
hsl(226,52%,38%) |
#283d80 |
rgb(40,61,128) |
hsl(226,52%,33%) |
#22346d |
rgb(34,52,109) |
hsl(226,52%,28%) |
#1c2a59 |
rgb(28,42,89) |
hsl(226,52%,23%) |
#162146 |
rgb(22,33,70) |
hsl(226,52%,18%) |
#101832 |
rgb(16,24,50) |
hsl(226,52%,13%) |
#0a0f1f |
rgb(10,15,31) |
hsl(226,52%,8%) |
#04060c |
rgb(4,6,12) |
hsl(226,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#349CA6 |
rgb(52,156,166) |
hsl(185,52%,43%) |
#344FA6 |
rgb(52,79,166) |
hsl(226,52%,43%) |
#6533A6 |
rgb(101,51,166) |
hsl(266,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5570C9 |
rgb(85,112,201) |
hsl(226,52%,56%) |
#3C5CC0 |
rgb(60,92,192) |
hsl(225,52%,49%) |
#344FA6 |
rgb(52,79,166) |
hsl(226,52%,43%) |
#2B428B |
rgb(43,66,139) |
hsl(226,53%,36%) |
#233670 |
rgb(35,54,112) |
hsl(225,52%,29%) |
#1B2956 |
rgb(27,41,86) |
hsl(226,52%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#344FA6 |
rgb(52,79,166) |
hsl(226,52%,43%) |
#A65234 |
rgb(166,82,52) |
hsl(16,52%,43%) |
#88A634 |
rgb(136,166,52) |
hsl(76,52%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#344FA6 |
rgb(52,79,166) |
hsl(226,52%,43%) |
#A68C34 |
rgb(166,140,52) |
hsl(46,52%,43%) |
#3487A6 |
rgb(52,135,166) |
hsl(196,52%,43%) |
#88A634 |
rgb(136,166,52) |
hsl(76,52%,43%) |