HEX #368FA2 color — Astral
The color #368FA2 is a dark shade and moderately saturated.
Palette
368FA2 color palette from light to dark
HEX |
RGB |
HSL |
#f4fafb |
rgb(244,250,251) |
hsl(191,50%,97%) |
#e0f1f5 |
rgb(224,241,245) |
hsl(191,50%,92%) |
#cde8ee |
rgb(205,232,238) |
hsl(191,50%,87%) |
#bae0e8 |
rgb(186,224,232) |
hsl(191,50%,82%) |
#a7d7e2 |
rgb(167,215,226) |
hsl(191,50%,77%) |
#94cedb |
rgb(148,206,219) |
hsl(191,50%,72%) |
#81c5d5 |
rgb(129,197,213) |
hsl(191,50%,67%) |
#6ebdcf |
rgb(110,189,207) |
hsl(191,50%,62%) |
#5bb4c8 |
rgb(91,180,200) |
hsl(191,50%,57%) |
#47abc2 |
rgb(71,171,194) |
hsl(191,50%,52%) |
#3c9eb4 |
rgb(60,158,180) |
hsl(191,50%,47%) |
#368da1 |
rgb(54,141,161) |
hsl(191,50%,42%) |
#2f7c8e |
rgb(47,124,142) |
hsl(191,50%,37%) |
#296b7a |
rgb(41,107,122) |
hsl(191,50%,32%) |
#225b67 |
rgb(34,91,103) |
hsl(191,50%,27%) |
#1c4a54 |
rgb(28,74,84) |
hsl(191,50%,22%) |
#163941 |
rgb(22,57,65) |
hsl(191,50%,17%) |
#0f282e |
rgb(15,40,46) |
hsl(191,50%,12%) |
#09181b |
rgb(9,24,27) |
hsl(191,50%,7%) |
#030708 |
rgb(3,7,8) |
hsl(191,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A36D |
rgb(54,163,109) |
hsl(150,50%,43%) |
#368FA2 |
rgb(54,143,162) |
hsl(191,50%,42%) |
#3647A2 |
rgb(54,71,162) |
hsl(231,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#56B3C6 |
rgb(86,179,198) |
hsl(190,50%,56%) |
#3EA6BB |
rgb(62,166,187) |
hsl(190,50%,49%) |
#368FA2 |
rgb(54,143,162) |
hsl(191,50%,42%) |
#2D7888 |
rgb(45,120,136) |
hsl(191,50%,35%) |
#24616E |
rgb(36,97,110) |
hsl(191,51%,29%) |
#1C4A54 |
rgb(28,74,84) |
hsl(191,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#368FA2 |
rgb(54,143,162) |
hsl(191,50%,42%) |
#A23659 |
rgb(162,54,89) |
hsl(341,50%,42%) |
#A28036 |
rgb(162,128,54) |
hsl(41,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#368FA2 |
rgb(54,143,162) |
hsl(191,50%,42%) |
#A24A36 |
rgb(162,74,54) |
hsl(11,50%,42%) |
#36A37F |
rgb(54,163,127) |
hsl(160,50%,43%) |
#A28036 |
rgb(162,128,54) |
hsl(41,50%,42%) |