HEX #368AA6 color — Astral
The color #368aa6 is a dark shade and moderately saturated.
Palette
368aa6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(195,51%,98%) |
#e4f2f6 |
rgb(228,242,246) |
hsl(195,51%,93%) |
#d1e8f0 |
rgb(209,232,240) |
hsl(195,51%,88%) |
#bedfea |
rgb(190,223,234) |
hsl(195,51%,83%) |
#aad5e4 |
rgb(170,213,228) |
hsl(195,51%,78%) |
#97ccdd |
rgb(151,204,221) |
hsl(195,51%,73%) |
#84c2d7 |
rgb(132,194,215) |
hsl(195,51%,68%) |
#71b9d1 |
rgb(113,185,209) |
hsl(195,51%,63%) |
#5dafcb |
rgb(93,175,203) |
hsl(195,51%,58%) |
#4aa6c4 |
rgb(74,166,196) |
hsl(195,51%,53%) |
#3c9ab9 |
rgb(60,154,185) |
hsl(195,51%,48%) |
#368aa6 |
rgb(54,138,166) |
hsl(195,51%,43%) |
#2f7a92 |
rgb(47,122,146) |
hsl(195,51%,38%) |
#296a7f |
rgb(41,106,127) |
hsl(195,51%,33%) |
#235a6c |
rgb(35,90,108) |
hsl(195,51%,28%) |
#1d4a59 |
rgb(29,74,89) |
hsl(195,51%,23%) |
#163a45 |
rgb(22,58,69) |
hsl(195,51%,18%) |
#102a32 |
rgb(16,42,50) |
hsl(195,51%,13%) |
#0a1a1f |
rgb(10,26,31) |
hsl(195,51%,8%) |
#040a0c |
rgb(4,10,12) |
hsl(195,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A677 |
rgb(54,166,119) |
hsl(155,51%,43%) |
#368AA6 |
rgb(54,138,166) |
hsl(195,51%,43%) |
#3640A6 |
rgb(54,64,166) |
hsl(235,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#59ADC9 |
rgb(89,173,201) |
hsl(195,51%,57%) |
#3EA1C0 |
rgb(62,161,192) |
hsl(194,51%,50%) |
#368AA6 |
rgb(54,138,166) |
hsl(195,51%,43%) |
#2D738B |
rgb(45,115,139) |
hsl(195,51%,36%) |
#245E70 |
rgb(36,94,112) |
hsl(194,51%,29%) |
#1C4756 |
rgb(28,71,86) |
hsl(196,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#368AA6 |
rgb(54,138,166) |
hsl(195,51%,43%) |
#A63652 |
rgb(166,54,82) |
hsl(345,51%,43%) |
#A68A36 |
rgb(166,138,54) |
hsl(45,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#368AA6 |
rgb(54,138,166) |
hsl(195,51%,43%) |
#A65236 |
rgb(166,82,54) |
hsl(15,51%,43%) |
#36A68A |
rgb(54,166,138) |
hsl(165,51%,43%) |
#A68A36 |
rgb(166,138,54) |
hsl(45,51%,43%) |