HEX #3A87A2 color — Astral
The color #3A87A2 is a dark shade and moderately saturated.
Palette
3A87A2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(196,47%,98%) |
#e5f1f6 |
rgb(229,241,246) |
hsl(196,47%,93%) |
#d2e7ef |
rgb(210,231,239) |
hsl(196,47%,88%) |
#bfdde8 |
rgb(191,221,232) |
hsl(196,47%,83%) |
#add3e1 |
rgb(173,211,225) |
hsl(196,47%,78%) |
#9ac9db |
rgb(154,201,219) |
hsl(196,47%,73%) |
#87bfd4 |
rgb(135,191,212) |
hsl(196,47%,68%) |
#74b5cd |
rgb(116,181,205) |
hsl(196,47%,63%) |
#62abc6 |
rgb(98,171,198) |
hsl(196,47%,58%) |
#4fa1bf |
rgb(79,161,191) |
hsl(196,47%,53%) |
#4195b4 |
rgb(65,149,180) |
hsl(196,47%,48%) |
#3a86a1 |
rgb(58,134,161) |
hsl(196,47%,43%) |
#33768e |
rgb(51,118,142) |
hsl(196,47%,38%) |
#2d677c |
rgb(45,103,124) |
hsl(196,47%,33%) |
#265769 |
rgb(38,87,105) |
hsl(196,47%,28%) |
#1f4856 |
rgb(31,72,86) |
hsl(196,47%,23%) |
#183843 |
rgb(24,56,67) |
hsl(196,47%,18%) |
#122831 |
rgb(18,40,49) |
hsl(196,47%,13%) |
#0b191e |
rgb(11,25,30) |
hsl(196,47%,8%) |
#04090b |
rgb(4,9,11) |
hsl(196,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA377 |
rgb(58,163,119) |
hsl(155,48%,43%) |
#3A87A2 |
rgb(58,135,162) |
hsl(196,47%,43%) |
#3A42A2 |
rgb(58,66,162) |
hsl(235,47%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5DABC5 |
rgb(93,171,197) |
hsl(195,47%,57%) |
#439CBB |
rgb(67,156,187) |
hsl(196,47%,50%) |
#3A87A2 |
rgb(58,135,162) |
hsl(196,47%,43%) |
#307088 |
rgb(48,112,136) |
hsl(196,48%,36%) |
#275C6E |
rgb(39,92,110) |
hsl(195,48%,29%) |
#1E4754 |
rgb(30,71,84) |
hsl(194,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A87A2 |
rgb(58,135,162) |
hsl(196,47%,43%) |
#A23B53 |
rgb(162,59,83) |
hsl(346,47%,43%) |
#A28A3A |
rgb(162,138,58) |
hsl(46,47%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A87A2 |
rgb(58,135,162) |
hsl(196,47%,43%) |
#A2543A |
rgb(162,84,58) |
hsl(15,47%,43%) |
#3AA389 |
rgb(58,163,137) |
hsl(165,48%,43%) |
#A28A3A |
rgb(162,138,58) |
hsl(46,47%,43%) |