HEX #345EA3 color — Azure

The color #345EA3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

345EA3 color palette from light to dark

HEX RGB HSL
#f3f6fb rgb(243,246,251) hsl(217,52%,97%)
#e0e8f5 rgb(224,232,245) hsl(217,52%,92%)
#cddaef rgb(205,218,239) hsl(217,52%,87%)
#b9cce9 rgb(185,204,233) hsl(217,52%,82%)
#a6bde3 rgb(166,189,227) hsl(217,52%,77%)
#92afdd rgb(146,175,221) hsl(217,52%,72%)
#7fa1d7 rgb(127,161,215) hsl(217,52%,67%)
#6c92d0 rgb(108,146,208) hsl(217,52%,62%)
#5884ca rgb(88,132,202) hsl(217,52%,57%)
#4576c4 rgb(69,118,196) hsl(217,52%,52%)
#3a69b6 rgb(58,105,182) hsl(217,52%,47%)
#335ea3 rgb(51,94,163) hsl(217,52%,42%)
#2d538f rgb(45,83,143) hsl(217,52%,37%)
#27487c rgb(39,72,124) hsl(217,52%,32%)
#213c69 rgb(33,60,105) hsl(217,52%,27%)
#1b3155 rgb(27,49,85) hsl(217,52%,22%)
#152642 rgb(21,38,66) hsl(217,52%,17%)
#0f1b2f rgb(15,27,47) hsl(217,52%,12%)
#09101b rgb(9,16,27) hsl(217,52%,7%)
#020408 rgb(2,4,8) hsl(217,52%,2%)

Adjacent colors

HEX RGB HSL
#34A39E rgb(52,163,158) hsl(177,52%,42%)
#345EA3 rgb(52,94,163) hsl(217,52%,42%)
#5433A3 rgb(84,51,163) hsl(258,52%,42%)

Monochromatic colors

HEX RGB HSL
#5380C8 rgb(83,128,200) hsl(217,52%,55%)
#3C6EBD rgb(60,110,189) hsl(217,52%,49%)
#345EA3 rgb(52,94,163) hsl(217,52%,42%)
#2B4F88 rgb(43,79,136) hsl(217,52%,35%)
#23406E rgb(35,64,110) hsl(217,52%,28%)
#1B3054 rgb(27,48,84) hsl(218,51%,22%)

Triad color palettes

HEX RGB HSL
#345EA3 rgb(52,94,163) hsl(217,52%,42%)
#A34234 rgb(163,66,52) hsl(8,52%,42%)
#95A334 rgb(149,163,52) hsl(68,52%,42%)

Tetrad color palettes

HEX RGB HSL
#345EA3 rgb(52,94,163) hsl(217,52%,42%)
#A37834 rgb(163,120,52) hsl(37,52%,42%)
#3496A3 rgb(52,150,163) hsl(187,52%,42%)
#95A334 rgb(149,163,52) hsl(68,52%,42%)