HEX #3A82A2 color — Astral
The color #3A82A2 is a dark shade and moderately saturated.
Palette
3A82A2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(198,47%,98%) |
#e5f1f6 |
rgb(229,241,246) |
hsl(198,47%,93%) |
#d2e6ef |
rgb(210,230,239) |
hsl(198,47%,88%) |
#bfdce8 |
rgb(191,220,232) |
hsl(198,47%,83%) |
#add1e1 |
rgb(173,209,225) |
hsl(198,47%,78%) |
#9ac7db |
rgb(154,199,219) |
hsl(198,47%,73%) |
#87bdd4 |
rgb(135,189,212) |
hsl(198,47%,68%) |
#74b2cd |
rgb(116,178,205) |
hsl(198,47%,63%) |
#62a8c6 |
rgb(98,168,198) |
hsl(198,47%,58%) |
#4f9ebf |
rgb(79,158,191) |
hsl(198,47%,53%) |
#4191b4 |
rgb(65,145,180) |
hsl(198,47%,48%) |
#3a82a1 |
rgb(58,130,161) |
hsl(198,47%,43%) |
#33738e |
rgb(51,115,142) |
hsl(198,47%,38%) |
#2d647c |
rgb(45,100,124) |
hsl(198,47%,33%) |
#265569 |
rgb(38,85,105) |
hsl(198,47%,28%) |
#1f4656 |
rgb(31,70,86) |
hsl(198,47%,23%) |
#183743 |
rgb(24,55,67) |
hsl(198,47%,18%) |
#122731 |
rgb(18,39,49) |
hsl(198,47%,13%) |
#0b181e |
rgb(11,24,30) |
hsl(198,47%,8%) |
#04090b |
rgb(4,9,11) |
hsl(198,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA37C |
rgb(58,163,124) |
hsl(158,48%,43%) |
#3A82A2 |
rgb(58,130,162) |
hsl(198,47%,43%) |
#3A3DA2 |
rgb(58,61,162) |
hsl(238,47%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5DA6C5 |
rgb(93,166,197) |
hsl(198,47%,57%) |
#4396BB |
rgb(67,150,187) |
hsl(199,47%,50%) |
#3A82A2 |
rgb(58,130,162) |
hsl(198,47%,43%) |
#306E88 |
rgb(48,110,136) |
hsl(198,48%,36%) |
#27596E |
rgb(39,89,110) |
hsl(198,48%,29%) |
#1E4554 |
rgb(30,69,84) |
hsl(197,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A82A2 |
rgb(58,130,162) |
hsl(198,47%,43%) |
#A23B4E |
rgb(162,59,78) |
hsl(349,47%,43%) |
#A28F3A |
rgb(162,143,58) |
hsl(49,47%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A82A2 |
rgb(58,130,162) |
hsl(198,47%,43%) |
#A2593A |
rgb(162,89,58) |
hsl(18,47%,43%) |
#3AA38E |
rgb(58,163,142) |
hsl(168,48%,43%) |
#A28F3A |
rgb(162,143,58) |
hsl(49,47%,43%) |