HEX #348EA2 color — Astral
The color #348ea2 is a dark shade and moderately saturated.
Palette
348ea2 color palette from light to dark
HEX |
RGB |
HSL |
#f3fafb |
rgb(243,250,251) |
hsl(191,51%,97%) |
#e0f1f5 |
rgb(224,241,245) |
hsl(191,51%,92%) |
#cde9ef |
rgb(205,233,239) |
hsl(191,51%,87%) |
#bae0e9 |
rgb(186,224,233) |
hsl(191,51%,82%) |
#a6d7e2 |
rgb(166,215,226) |
hsl(191,51%,77%) |
#93cfdc |
rgb(147,207,220) |
hsl(191,51%,72%) |
#80c6d6 |
rgb(128,198,214) |
hsl(191,51%,67%) |
#6dbdd0 |
rgb(109,189,208) |
hsl(191,51%,62%) |
#59b5c9 |
rgb(89,181,201) |
hsl(191,51%,57%) |
#46acc3 |
rgb(70,172,195) |
hsl(191,51%,52%) |
#3b9fb5 |
rgb(59,159,181) |
hsl(191,51%,47%) |
#348ea2 |
rgb(52,142,162) |
hsl(191,51%,42%) |
#2e7d8e |
rgb(46,125,142) |
hsl(191,51%,37%) |
#286c7b |
rgb(40,108,123) |
hsl(191,51%,32%) |
#225b68 |
rgb(34,91,104) |
hsl(191,51%,27%) |
#1b4a55 |
rgb(27,74,85) |
hsl(191,51%,22%) |
#153941 |
rgb(21,57,65) |
hsl(191,51%,17%) |
#0f282e |
rgb(15,40,46) |
hsl(191,51%,12%) |
#09181b |
rgb(9,24,27) |
hsl(191,51%,7%) |
#020708 |
rgb(2,7,8) |
hsl(191,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#34A36C |
rgb(52,163,108) |
hsl(150,52%,42%) |
#348EA2 |
rgb(52,142,162) |
hsl(191,51%,42%) |
#3445A2 |
rgb(52,69,162) |
hsl(231,51%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#52B3C7 |
rgb(82,179,199) |
hsl(190,51%,55%) |
#3CA6BB |
rgb(60,166,187) |
hsl(190,51%,48%) |
#348EA2 |
rgb(52,142,162) |
hsl(191,51%,42%) |
#2B7888 |
rgb(43,120,136) |
hsl(190,52%,35%) |
#23616E |
rgb(35,97,110) |
hsl(190,52%,28%) |
#1B4A54 |
rgb(27,74,84) |
hsl(191,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#348EA2 |
rgb(52,142,162) |
hsl(191,51%,42%) |
#A23357 |
rgb(162,51,87) |
hsl(341,52%,42%) |
#A28034 |
rgb(162,128,52) |
hsl(41,51%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#348EA2 |
rgb(52,142,162) |
hsl(191,51%,42%) |
#A24734 |
rgb(162,71,52) |
hsl(10,51%,42%) |
#34A37F |
rgb(52,163,127) |
hsl(161,52%,42%) |
#A28034 |
rgb(162,128,52) |
hsl(41,51%,42%) |