HEX #348CAD color — Boston Blue
The color #348cad is a dark shade and moderately saturated.
Palette
348cad color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(196,54%,99%) |
#e7f4f8 |
rgb(231,244,248) |
hsl(196,54%,94%) |
#d4eaf2 |
rgb(212,234,242) |
hsl(196,54%,89%) |
#c0e0ec |
rgb(192,224,236) |
hsl(196,54%,84%) |
#add7e6 |
rgb(173,215,230) |
hsl(196,54%,79%) |
#99cde1 |
rgb(153,205,225) |
hsl(196,54%,74%) |
#85c4db |
rgb(133,196,219) |
hsl(196,54%,69%) |
#72bad5 |
rgb(114,186,213) |
hsl(196,54%,64%) |
#5eb1cf |
rgb(94,177,207) |
hsl(196,54%,59%) |
#4aa7c9 |
rgb(74,167,201) |
hsl(196,54%,54%) |
#399cc0 |
rgb(57,156,192) |
hsl(196,54%,49%) |
#348cad |
rgb(52,140,173) |
hsl(196,54%,44%) |
#2e7d99 |
rgb(46,125,153) |
hsl(196,54%,39%) |
#286d86 |
rgb(40,109,134) |
hsl(196,54%,34%) |
#225d72 |
rgb(34,93,114) |
hsl(196,54%,29%) |
#1c4d5e |
rgb(28,77,94) |
hsl(196,54%,24%) |
#163d4b |
rgb(22,61,75) |
hsl(196,54%,19%) |
#102d37 |
rgb(16,45,55) |
hsl(196,54%,14%) |
#0b1d23 |
rgb(11,29,35) |
hsl(196,54%,9%) |
#050d10 |
rgb(5,13,16) |
hsl(196,54%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#34AD7D |
rgb(52,173,125) |
hsl(156,54%,44%) |
#348CAD |
rgb(52,140,173) |
hsl(196,54%,44%) |
#343BAD |
rgb(52,59,173) |
hsl(237,54%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5BADCD |
rgb(91,173,205) |
hsl(197,53%,58%) |
#3FA1C5 |
rgb(63,161,197) |
hsl(196,54%,51%) |
#348CAD |
rgb(52,140,173) |
hsl(196,54%,44%) |
#2B7591 |
rgb(43,117,145) |
hsl(196,54%,37%) |
#235E75 |
rgb(35,94,117) |
hsl(197,54%,30%) |
#1B4A59 |
rgb(27,74,89) |
hsl(195,53%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#348CAD |
rgb(52,140,173) |
hsl(196,54%,44%) |
#AD334F |
rgb(173,51,79) |
hsl(346,54%,44%) |
#AD9134 |
rgb(173,145,52) |
hsl(46,54%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#348CAD |
rgb(52,140,173) |
hsl(196,54%,44%) |
#AD5434 |
rgb(173,84,52) |
hsl(16,54%,44%) |
#34AD91 |
rgb(52,173,145) |
hsl(166,54%,44%) |
#AD9134 |
rgb(173,145,52) |
hsl(46,54%,44%) |