HEX #344A99 color — Sapphire
The color #344A99 is a dark shade and moderately saturated.
Palette
344A99 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(227,49%,95%) |
#d9def2 |
rgb(217,222,242) |
hsl(227,49%,90%) |
#c6ceeb |
rgb(198,206,235) |
hsl(227,49%,85%) |
#b3bee5 |
rgb(179,190,229) |
hsl(227,49%,80%) |
#a0aede |
rgb(160,174,222) |
hsl(227,49%,75%) |
#8d9dd8 |
rgb(141,157,216) |
hsl(227,49%,70%) |
#7a8dd1 |
rgb(122,141,209) |
hsl(227,49%,65%) |
#677dcb |
rgb(103,125,203) |
hsl(227,49%,60%) |
#546cc4 |
rgb(84,108,196) |
hsl(227,49%,55%) |
#415cbe |
rgb(65,92,190) |
hsl(227,49%,50%) |
#3b53ab |
rgb(59,83,171) |
hsl(227,49%,45%) |
#344a98 |
rgb(52,74,152) |
hsl(227,49%,40%) |
#2e4085 |
rgb(46,64,133) |
hsl(227,49%,35%) |
#273772 |
rgb(39,55,114) |
hsl(227,49%,30%) |
#212e5f |
rgb(33,46,95) |
hsl(227,49%,25%) |
#1a254c |
rgb(26,37,76) |
hsl(227,49%,20%) |
#141c39 |
rgb(20,28,57) |
hsl(227,49%,15%) |
#0d1226 |
rgb(13,18,38) |
hsl(227,49%,10%) |
#070913 |
rgb(7,9,19) |
hsl(227,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#348C99 |
rgb(52,140,153) |
hsl(188,49%,40%) |
#344A99 |
rgb(52,74,153) |
hsl(227,49%,40%) |
#613399 |
rgb(97,51,153) |
hsl(267,50%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4C66C2 |
rgb(76,102,194) |
hsl(227,49%,53%) |
#3C57B1 |
rgb(60,87,177) |
hsl(226,49%,46%) |
#344A99 |
rgb(52,74,153) |
hsl(227,49%,40%) |
#2B3D80 |
rgb(43,61,128) |
hsl(227,50%,34%) |
#233368 |
rgb(35,51,104) |
hsl(226,50%,27%) |
#1B264F |
rgb(27,38,79) |
hsl(227,49%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#344A99 |
rgb(52,74,153) |
hsl(227,49%,40%) |
#995234 |
rgb(153,82,52) |
hsl(18,49%,40%) |
#7C9934 |
rgb(124,153,52) |
hsl(77,49%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#344A99 |
rgb(52,74,153) |
hsl(227,49%,40%) |
#998234 |
rgb(153,130,52) |
hsl(46,49%,40%) |
#347D99 |
rgb(52,125,153) |
hsl(197,49%,40%) |
#7C9934 |
rgb(124,153,52) |
hsl(77,49%,40%) |