HEX #3682A4 color — Astral
The color #3682A4 is a dark shade and moderately saturated.
Palette
3682A4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfc |
rgb(247,251,252) |
hsl(199,50%,98%) |
#e4f0f6 |
rgb(228,240,246) |
hsl(199,50%,93%) |
#d1e6f0 |
rgb(209,230,240) |
hsl(199,50%,88%) |
#bedce9 |
rgb(190,220,233) |
hsl(199,50%,83%) |
#abd1e3 |
rgb(171,209,227) |
hsl(199,50%,78%) |
#98c7dd |
rgb(152,199,221) |
hsl(199,50%,73%) |
#85bcd6 |
rgb(133,188,214) |
hsl(199,50%,68%) |
#71b2d0 |
rgb(113,178,208) |
hsl(199,50%,63%) |
#5ea8c9 |
rgb(94,168,201) |
hsl(199,50%,58%) |
#4b9dc3 |
rgb(75,157,195) |
hsl(199,50%,53%) |
#3d91b8 |
rgb(61,145,184) |
hsl(199,50%,48%) |
#3782a4 |
rgb(55,130,164) |
hsl(199,50%,43%) |
#307391 |
rgb(48,115,145) |
hsl(199,50%,38%) |
#2a647e |
rgb(42,100,126) |
hsl(199,50%,33%) |
#24546b |
rgb(36,84,107) |
hsl(199,50%,28%) |
#1d4558 |
rgb(29,69,88) |
hsl(199,50%,23%) |
#173645 |
rgb(23,54,69) |
hsl(199,50%,18%) |
#112732 |
rgb(17,39,50) |
hsl(199,50%,13%) |
#0a181f |
rgb(10,24,31) |
hsl(199,50%,8%) |
#04090b |
rgb(4,9,11) |
hsl(199,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A37C |
rgb(54,163,124) |
hsl(159,50%,43%) |
#3682A4 |
rgb(54,130,164) |
hsl(199,50%,43%) |
#3638A4 |
rgb(54,56,164) |
hsl(239,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#57A6C7 |
rgb(87,166,199) |
hsl(198,50%,56%) |
#3E96BE |
rgb(62,150,190) |
hsl(199,51%,49%) |
#3682A4 |
rgb(54,130,164) |
hsl(199,50%,43%) |
#2D6E89 |
rgb(45,110,137) |
hsl(198,51%,36%) |
#24596F |
rgb(36,89,111) |
hsl(198,51%,29%) |
#1C4555 |
rgb(28,69,85) |
hsl(197,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3682A4 |
rgb(54,130,164) |
hsl(199,50%,43%) |
#A4364B |
rgb(164,54,75) |
hsl(349,50%,43%) |
#A48F36 |
rgb(164,143,54) |
hsl(49,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3682A4 |
rgb(54,130,164) |
hsl(199,50%,43%) |
#A45936 |
rgb(164,89,54) |
hsl(19,50%,43%) |
#36A38F |
rgb(54,163,143) |
hsl(169,50%,43%) |
#A48F36 |
rgb(164,143,54) |
hsl(49,50%,43%) |