HEX #3A87A1 color — Astral

The color #3A87A1 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A87A1 color palette from light to dark

HEX RGB HSL
#f8fbfc rgb(248,251,252) hsl(195,47%,98%)
#e5f1f6 rgb(229,241,246) hsl(195,47%,93%)
#d2e8ef rgb(210,232,239) hsl(195,47%,88%)
#bfdee8 rgb(191,222,232) hsl(195,47%,83%)
#add4e1 rgb(173,212,225) hsl(195,47%,78%)
#9acadb rgb(154,202,219) hsl(195,47%,73%)
#87c1d4 rgb(135,193,212) hsl(195,47%,68%)
#74b7cd rgb(116,183,205) hsl(195,47%,63%)
#62adc6 rgb(98,173,198) hsl(195,47%,58%)
#4fa3bf rgb(79,163,191) hsl(195,47%,53%)
#4197b4 rgb(65,151,180) hsl(195,47%,48%)
#3a87a1 rgb(58,135,161) hsl(195,47%,43%)
#33788e rgb(51,120,142) hsl(195,47%,38%)
#2d687c rgb(45,104,124) hsl(195,47%,33%)
#265869 rgb(38,88,105) hsl(195,47%,28%)
#1f4856 rgb(31,72,86) hsl(195,47%,23%)
#183943 rgb(24,57,67) hsl(195,47%,18%)
#122931 rgb(18,41,49) hsl(195,47%,13%)
#0b191e rgb(11,25,30) hsl(195,47%,8%)
#04090b rgb(4,9,11) hsl(195,47%,3%)

Adjacent colors

HEX RGB HSL
#3AA176 rgb(58,161,118) hsl(155,47%,43%)
#3A87A1 rgb(58,135,161) hsl(195,47%,43%)
#3A42A1 rgb(58,66,161) hsl(235,47%,43%)

Monochromatic colors

HEX RGB HSL
#5CABC4 rgb(92,171,196) hsl(194,47%,56%)
#439CBA rgb(67,156,186) hsl(195,47%,50%)
#3A87A1 rgb(58,135,161) hsl(195,47%,43%)
#307087 rgb(48,112,135) hsl(196,48%,36%)
#275C6D rgb(39,92,109) hsl(195,47%,29%)
#1E4753 rgb(30,71,83) hsl(194,47%,22%)

Triad color palettes

HEX RGB HSL
#3A87A1 rgb(58,135,161) hsl(195,47%,43%)
#A13B53 rgb(161,59,83) hsl(346,46%,43%)
#A1873A rgb(161,135,58) hsl(45,47%,43%)

Tetrad color palettes

HEX RGB HSL
#3A87A1 rgb(58,135,161) hsl(195,47%,43%)
#A1543A rgb(161,84,58) hsl(15,47%,43%)
#3AA187 rgb(58,161,135) hsl(165,47%,43%)
#A1873A rgb(161,135,58) hsl(45,47%,43%)