HEX #3675A0 color — Astral
The color #3675A0 is a dark shade and moderately saturated.
Palette
3675A0 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(204,50%,97%) |
#e0edf5 |
rgb(224,237,245) |
hsl(204,50%,92%) |
#cde1ee |
rgb(205,225,238) |
hsl(204,50%,87%) |
#bad6e8 |
rgb(186,214,232) |
hsl(204,50%,82%) |
#a7cae2 |
rgb(167,202,226) |
hsl(204,50%,77%) |
#94bfdb |
rgb(148,191,219) |
hsl(204,50%,72%) |
#81b3d5 |
rgb(129,179,213) |
hsl(204,50%,67%) |
#6ea8cf |
rgb(110,168,207) |
hsl(204,50%,62%) |
#5b9cc8 |
rgb(91,156,200) |
hsl(204,50%,57%) |
#4791c2 |
rgb(71,145,194) |
hsl(204,50%,52%) |
#3c84b4 |
rgb(60,132,180) |
hsl(204,50%,47%) |
#3676a1 |
rgb(54,118,161) |
hsl(204,50%,42%) |
#2f688e |
rgb(47,104,142) |
hsl(204,50%,37%) |
#295a7a |
rgb(41,90,122) |
hsl(204,50%,32%) |
#224c67 |
rgb(34,76,103) |
hsl(204,50%,27%) |
#1c3e54 |
rgb(28,62,84) |
hsl(204,50%,22%) |
#163041 |
rgb(22,48,65) |
hsl(204,50%,17%) |
#0f222e |
rgb(15,34,46) |
hsl(204,50%,12%) |
#09141b |
rgb(9,20,27) |
hsl(204,50%,7%) |
#030608 |
rgb(3,6,8) |
hsl(204,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A184 |
rgb(54,161,132) |
hsl(164,50%,42%) |
#3675A0 |
rgb(54,117,160) |
hsl(204,50%,42%) |
#3D36A0 |
rgb(61,54,160) |
hsl(244,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5499C5 |
rgb(84,153,197) |
hsl(203,49%,55%) |
#3E87B9 |
rgb(62,135,185) |
hsl(204,50%,48%) |
#3675A0 |
rgb(54,117,160) |
hsl(204,50%,42%) |
#2D6386 |
rgb(45,99,134) |
hsl(204,50%,35%) |
#244F6C |
rgb(36,79,108) |
hsl(204,50%,28%) |
#1C3D53 |
rgb(28,61,83) |
hsl(204,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3675A0 |
rgb(54,117,160) |
hsl(204,50%,42%) |
#A03640 |
rgb(160,54,64) |
hsl(354,50%,42%) |
#A09636 |
rgb(160,150,54) |
hsl(54,50%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3675A0 |
rgb(54,117,160) |
hsl(204,50%,42%) |
#A06136 |
rgb(160,97,54) |
hsl(24,50%,42%) |
#36A196 |
rgb(54,161,150) |
hsl(174,50%,42%) |
#A09636 |
rgb(160,150,54) |
hsl(54,50%,42%) |