HEX #344E9D color — Sapphire
The color #344e9d is a dark shade and moderately saturated.
Palette
344e9d color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(225,50%,96%) |
#dde2f4 |
rgb(221,226,244) |
hsl(225,50%,91%) |
#c9d2ed |
rgb(201,210,237) |
hsl(225,50%,86%) |
#b6c2e7 |
rgb(182,194,231) |
hsl(225,50%,81%) |
#a3b3e0 |
rgb(163,179,224) |
hsl(225,50%,76%) |
#90a3da |
rgb(144,163,218) |
hsl(225,50%,71%) |
#7d93d4 |
rgb(125,147,212) |
hsl(225,50%,66%) |
#6a83cd |
rgb(106,131,205) |
hsl(225,50%,61%) |
#5773c7 |
rgb(87,115,199) |
hsl(225,50%,56%) |
#4463c1 |
rgb(68,99,193) |
hsl(225,50%,51%) |
#3b58b0 |
rgb(59,88,176) |
hsl(225,50%,46%) |
#344e9d |
rgb(52,78,157) |
hsl(225,50%,41%) |
#2e458a |
rgb(46,69,138) |
hsl(225,50%,36%) |
#283b77 |
rgb(40,59,119) |
hsl(225,50%,31%) |
#213263 |
rgb(33,50,99) |
hsl(225,50%,26%) |
#1b2850 |
rgb(27,40,80) |
hsl(225,50%,21%) |
#141f3d |
rgb(20,31,61) |
hsl(225,50%,16%) |
#0e152a |
rgb(14,21,42) |
hsl(225,50%,11%) |
#080b17 |
rgb(8,11,23) |
hsl(225,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(225,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#34949D |
rgb(52,148,157) |
hsl(185,50%,41%) |
#344E9D |
rgb(52,78,157) |
hsl(225,50%,41%) |
#60339D |
rgb(96,51,157) |
hsl(265,51%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F6BC4 |
rgb(79,107,196) |
hsl(226,50%,54%) |
#3C59B6 |
rgb(60,89,182) |
hsl(226,50%,47%) |
#344E9D |
rgb(52,78,157) |
hsl(225,50%,41%) |
#2B4283 |
rgb(43,66,131) |
hsl(224,51%,34%) |
#23366A |
rgb(35,54,106) |
hsl(224,50%,28%) |
#1B2951 |
rgb(27,41,81) |
hsl(224,50%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#344E9D |
rgb(52,78,157) |
hsl(225,50%,41%) |
#9D4F34 |
rgb(157,79,52) |
hsl(15,50%,41%) |
#829E34 |
rgb(130,158,52) |
hsl(76,50%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#344E9D |
rgb(52,78,157) |
hsl(225,50%,41%) |
#9D8234 |
rgb(157,130,52) |
hsl(45,50%,41%) |
#34829D |
rgb(52,130,157) |
hsl(195,50%,41%) |
#829E34 |
rgb(130,158,52) |
hsl(76,50%,41%) |