HEX #368AA4 color — Astral
The color #368AA4 is a dark shade and moderately saturated.
Palette
368AA4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfc |
rgb(247,251,252) |
hsl(194,50%,98%) |
#e4f2f6 |
rgb(228,242,246) |
hsl(194,50%,93%) |
#d1e9f0 |
rgb(209,233,240) |
hsl(194,50%,88%) |
#bedfe9 |
rgb(190,223,233) |
hsl(194,50%,83%) |
#abd6e3 |
rgb(171,214,227) |
hsl(194,50%,78%) |
#98cddd |
rgb(152,205,221) |
hsl(194,50%,73%) |
#85c3d6 |
rgb(133,195,214) |
hsl(194,50%,68%) |
#71bad0 |
rgb(113,186,208) |
hsl(194,50%,63%) |
#5eb0c9 |
rgb(94,176,201) |
hsl(194,50%,58%) |
#4ba7c3 |
rgb(75,167,195) |
hsl(194,50%,53%) |
#3d9bb8 |
rgb(61,155,184) |
hsl(194,50%,48%) |
#378ba4 |
rgb(55,139,164) |
hsl(194,50%,43%) |
#307b91 |
rgb(48,123,145) |
hsl(194,50%,38%) |
#2a6b7e |
rgb(42,107,126) |
hsl(194,50%,33%) |
#245a6b |
rgb(36,90,107) |
hsl(194,50%,28%) |
#1d4a58 |
rgb(29,74,88) |
hsl(194,50%,23%) |
#173a45 |
rgb(23,58,69) |
hsl(194,50%,18%) |
#112a32 |
rgb(17,42,50) |
hsl(194,50%,13%) |
#0a1a1f |
rgb(10,26,31) |
hsl(194,50%,8%) |
#040a0b |
rgb(4,10,11) |
hsl(194,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A374 |
rgb(54,163,116) |
hsl(154,50%,43%) |
#368AA4 |
rgb(54,138,164) |
hsl(194,50%,43%) |
#3640A4 |
rgb(54,64,164) |
hsl(235,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#57ADC7 |
rgb(87,173,199) |
hsl(194,50%,56%) |
#3EA1BE |
rgb(62,161,190) |
hsl(194,51%,49%) |
#368AA4 |
rgb(54,138,164) |
hsl(194,50%,43%) |
#2D7389 |
rgb(45,115,137) |
hsl(194,51%,36%) |
#245E6F |
rgb(36,94,111) |
hsl(194,51%,29%) |
#1C4755 |
rgb(28,71,85) |
hsl(195,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#368AA4 |
rgb(54,138,164) |
hsl(194,50%,43%) |
#A43653 |
rgb(164,54,83) |
hsl(344,50%,43%) |
#A48736 |
rgb(164,135,54) |
hsl(44,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#368AA4 |
rgb(54,138,164) |
hsl(194,50%,43%) |
#A44F36 |
rgb(164,79,54) |
hsl(14,50%,43%) |
#36A387 |
rgb(54,163,135) |
hsl(165,50%,43%) |
#A48736 |
rgb(164,135,54) |
hsl(44,50%,43%) |