HEX #3B82A0 color — Astral
The color #3B82A0 is a dark shade and moderately saturated.
Palette
3B82A0 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(198,46%,98%) |
#e5f0f5 |
rgb(229,240,245) |
hsl(198,46%,93%) |
#d2e6ee |
rgb(210,230,238) |
hsl(198,46%,88%) |
#c0dce8 |
rgb(192,220,232) |
hsl(198,46%,83%) |
#add1e1 |
rgb(173,209,225) |
hsl(198,46%,78%) |
#9ac7da |
rgb(154,199,218) |
hsl(198,46%,73%) |
#88bcd3 |
rgb(136,188,211) |
hsl(198,46%,68%) |
#75b2cc |
rgb(117,178,204) |
hsl(198,46%,63%) |
#63a8c5 |
rgb(99,168,197) |
hsl(198,46%,58%) |
#509dbe |
rgb(80,157,190) |
hsl(198,46%,53%) |
#4291b3 |
rgb(66,145,179) |
hsl(198,46%,48%) |
#3b82a0 |
rgb(59,130,160) |
hsl(198,46%,43%) |
#34738d |
rgb(52,115,141) |
hsl(198,46%,38%) |
#2d647b |
rgb(45,100,123) |
hsl(198,46%,33%) |
#275568 |
rgb(39,85,104) |
hsl(198,46%,28%) |
#204556 |
rgb(32,69,86) |
hsl(198,46%,23%) |
#193643 |
rgb(25,54,67) |
hsl(198,46%,18%) |
#122730 |
rgb(18,39,48) |
hsl(198,46%,13%) |
#0b181e |
rgb(11,24,30) |
hsl(198,46%,8%) |
#04090b |
rgb(4,9,11) |
hsl(198,46%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BA17A |
rgb(59,161,122) |
hsl(157,46%,43%) |
#3B82A0 |
rgb(59,130,160) |
hsl(198,46%,43%) |
#3B40A0 |
rgb(59,64,160) |
hsl(237,46%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5DA6C3 |
rgb(93,166,195) |
hsl(197,46%,56%) |
#4496B9 |
rgb(68,150,185) |
hsl(198,46%,50%) |
#3B82A0 |
rgb(59,130,160) |
hsl(198,46%,43%) |
#316E86 |
rgb(49,110,134) |
hsl(197,46%,36%) |
#28596C |
rgb(40,89,108) |
hsl(197,46%,29%) |
#1E4553 |
rgb(30,69,83) |
hsl(196,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B82A0 |
rgb(59,130,160) |
hsl(198,46%,43%) |
#A03B4F |
rgb(160,59,79) |
hsl(348,46%,43%) |
#A08C3B |
rgb(160,140,59) |
hsl(48,46%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B82A0 |
rgb(59,130,160) |
hsl(198,46%,43%) |
#A0593B |
rgb(160,89,59) |
hsl(18,46%,43%) |
#3BA18B |
rgb(59,161,139) |
hsl(167,46%,43%) |
#A08C3B |
rgb(160,140,59) |
hsl(48,46%,43%) |