HEX #368AA0 color — Astral
The color #368AA0 is a dark shade and moderately saturated.
Palette
368AA0 color palette from light to dark
HEX |
RGB |
HSL |
#f4fafb |
rgb(244,250,251) |
hsl(192,50%,97%) |
#e0f1f5 |
rgb(224,241,245) |
hsl(192,50%,92%) |
#cde8ee |
rgb(205,232,238) |
hsl(192,50%,87%) |
#badfe8 |
rgb(186,223,232) |
hsl(192,50%,82%) |
#a7d6e2 |
rgb(167,214,226) |
hsl(192,50%,77%) |
#94cddb |
rgb(148,205,219) |
hsl(192,50%,72%) |
#81c4d5 |
rgb(129,196,213) |
hsl(192,50%,67%) |
#6ebbcf |
rgb(110,187,207) |
hsl(192,50%,62%) |
#5bb2c8 |
rgb(91,178,200) |
hsl(192,50%,57%) |
#47a9c2 |
rgb(71,169,194) |
hsl(192,50%,52%) |
#3c9cb4 |
rgb(60,156,180) |
hsl(192,50%,47%) |
#368ba1 |
rgb(54,139,161) |
hsl(192,50%,42%) |
#2f7b8e |
rgb(47,123,142) |
hsl(192,50%,37%) |
#296a7a |
rgb(41,106,122) |
hsl(192,50%,32%) |
#225a67 |
rgb(34,90,103) |
hsl(192,50%,27%) |
#1c4954 |
rgb(28,73,84) |
hsl(192,50%,22%) |
#163841 |
rgb(22,56,65) |
hsl(192,50%,17%) |
#0f282e |
rgb(15,40,46) |
hsl(192,50%,12%) |
#09171b |
rgb(9,23,27) |
hsl(192,50%,7%) |
#030708 |
rgb(3,7,8) |
hsl(192,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A16F |
rgb(54,161,111) |
hsl(152,50%,42%) |
#368AA0 |
rgb(54,138,160) |
hsl(192,50%,42%) |
#3642A0 |
rgb(54,66,160) |
hsl(233,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#54ADC5 |
rgb(84,173,197) |
hsl(193,49%,55%) |
#3EA1B9 |
rgb(62,161,185) |
hsl(192,50%,48%) |
#368AA0 |
rgb(54,138,160) |
hsl(192,50%,42%) |
#2D7386 |
rgb(45,115,134) |
hsl(193,50%,35%) |
#245E6C |
rgb(36,94,108) |
hsl(192,50%,28%) |
#1C4753 |
rgb(28,71,83) |
hsl(193,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#368AA0 |
rgb(54,138,160) |
hsl(192,50%,42%) |
#A03655 |
rgb(160,54,85) |
hsl(342,50%,42%) |
#A08236 |
rgb(160,130,54) |
hsl(43,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#368AA0 |
rgb(54,138,160) |
hsl(192,50%,42%) |
#A04D36 |
rgb(160,77,54) |
hsl(13,50%,42%) |
#36A181 |
rgb(54,161,129) |
hsl(162,50%,42%) |
#A08236 |
rgb(160,130,54) |
hsl(43,50%,42%) |