HEX #3284A4 color — Astral
The color #3284a4 is a dark shade and moderately saturated.
Palette
3284a4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fb |
rgb(243,249,251) |
hsl(197,53%,97%) |
#e0eff5 |
rgb(224,239,245) |
hsl(197,53%,92%) |
#cce5ef |
rgb(204,229,239) |
hsl(197,53%,87%) |
#b9dce9 |
rgb(185,220,233) |
hsl(197,53%,82%) |
#a5d2e3 |
rgb(165,210,227) |
hsl(197,53%,77%) |
#92c8dd |
rgb(146,200,221) |
hsl(197,53%,72%) |
#7ebed7 |
rgb(126,190,215) |
hsl(197,53%,67%) |
#6bb4d1 |
rgb(107,180,209) |
hsl(197,53%,62%) |
#57abcb |
rgb(87,171,203) |
hsl(197,53%,57%) |
#44a1c5 |
rgb(68,161,197) |
hsl(197,53%,52%) |
#3893b7 |
rgb(56,147,183) |
hsl(197,53%,47%) |
#3284a4 |
rgb(50,132,164) |
hsl(197,53%,42%) |
#2c7490 |
rgb(44,116,144) |
hsl(197,53%,37%) |
#26647d |
rgb(38,100,125) |
hsl(197,53%,32%) |
#205569 |
rgb(32,85,105) |
hsl(197,53%,27%) |
#1a4556 |
rgb(26,69,86) |
hsl(197,53%,22%) |
#143542 |
rgb(20,53,66) |
hsl(197,53%,17%) |
#0e262f |
rgb(14,38,47) |
hsl(197,53%,12%) |
#08161b |
rgb(8,22,27) |
hsl(197,53%,7%) |
#020608 |
rgb(2,6,8) |
hsl(197,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#32A378 |
rgb(50,163,120) |
hsl(157,53%,42%) |
#3284A4 |
rgb(50,132,164) |
hsl(197,53%,42%) |
#3238A4 |
rgb(50,56,164) |
hsl(237,53%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#50A8C9 |
rgb(80,168,201) |
hsl(196,53%,55%) |
#3A99BE |
rgb(58,153,190) |
hsl(197,53%,49%) |
#3284A4 |
rgb(50,132,164) |
hsl(197,53%,42%) |
#2A6E89 |
rgb(42,110,137) |
hsl(197,53%,35%) |
#22596F |
rgb(34,89,111) |
hsl(197,53%,28%) |
#1A4555 |
rgb(26,69,85) |
hsl(196,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3284A4 |
rgb(50,132,164) |
hsl(197,53%,42%) |
#A4334B |
rgb(164,51,75) |
hsl(347,53%,42%) |
#A48C32 |
rgb(164,140,50) |
hsl(47,53%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3284A4 |
rgb(50,132,164) |
hsl(197,53%,42%) |
#A45232 |
rgb(164,82,50) |
hsl(17,53%,42%) |
#32A38B |
rgb(50,163,139) |
hsl(167,53%,42%) |
#A48C32 |
rgb(164,140,50) |
hsl(47,53%,42%) |