HEX #344B98 color — Sapphire
The color #344b98 is a dark shade and moderately saturated.
Palette
344b98 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(226,49%,95%) |
#d9dff2 |
rgb(217,223,242) |
hsl(226,49%,90%) |
#c6cfeb |
rgb(198,207,235) |
hsl(226,49%,85%) |
#b3bfe5 |
rgb(179,191,229) |
hsl(226,49%,80%) |
#a0afde |
rgb(160,175,222) |
hsl(226,49%,75%) |
#8d9fd8 |
rgb(141,159,216) |
hsl(226,49%,70%) |
#7a8ed1 |
rgb(122,142,209) |
hsl(226,49%,65%) |
#677ecb |
rgb(103,126,203) |
hsl(226,49%,60%) |
#546ec4 |
rgb(84,110,196) |
hsl(226,49%,55%) |
#415ebe |
rgb(65,94,190) |
hsl(226,49%,50%) |
#3b55ab |
rgb(59,85,171) |
hsl(226,49%,45%) |
#344b98 |
rgb(52,75,152) |
hsl(226,49%,40%) |
#2e4285 |
rgb(46,66,133) |
hsl(226,49%,35%) |
#273972 |
rgb(39,57,114) |
hsl(226,49%,30%) |
#212f5f |
rgb(33,47,95) |
hsl(226,49%,25%) |
#1a264c |
rgb(26,38,76) |
hsl(226,49%,20%) |
#141c39 |
rgb(20,28,57) |
hsl(226,49%,15%) |
#0d1326 |
rgb(13,19,38) |
hsl(226,49%,10%) |
#070913 |
rgb(7,9,19) |
hsl(226,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#348F98 |
rgb(52,143,152) |
hsl(185,49%,40%) |
#344B98 |
rgb(52,75,152) |
hsl(226,49%,40%) |
#5F3398 |
rgb(95,51,152) |
hsl(266,50%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B66C1 |
rgb(75,102,193) |
hsl(226,49%,53%) |
#3C57B0 |
rgb(60,87,176) |
hsl(226,49%,46%) |
#344B98 |
rgb(52,75,152) |
hsl(226,49%,40%) |
#2B407F |
rgb(43,64,127) |
hsl(225,49%,33%) |
#233367 |
rgb(35,51,103) |
hsl(226,49%,27%) |
#1B264F |
rgb(27,38,79) |
hsl(227,49%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#344B98 |
rgb(52,75,152) |
hsl(226,49%,40%) |
#984F34 |
rgb(152,79,52) |
hsl(16,49%,40%) |
#7D9934 |
rgb(125,153,52) |
hsl(77,49%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#344B98 |
rgb(52,75,152) |
hsl(226,49%,40%) |
#988234 |
rgb(152,130,52) |
hsl(47,49%,40%) |
#347D98 |
rgb(52,125,152) |
hsl(196,49%,40%) |
#7D9934 |
rgb(125,153,52) |
hsl(77,49%,40%) |