HEX #3286A4 color — Astral
The color #3286a4 is a dark shade and moderately saturated.
Palette
3286a4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fb |
rgb(243,249,251) |
hsl(196,53%,97%) |
#e0f0f5 |
rgb(224,240,245) |
hsl(196,53%,92%) |
#cce6ef |
rgb(204,230,239) |
hsl(196,53%,87%) |
#b9dce9 |
rgb(185,220,233) |
hsl(196,53%,82%) |
#a5d3e3 |
rgb(165,211,227) |
hsl(196,53%,77%) |
#92c9dd |
rgb(146,201,221) |
hsl(196,53%,72%) |
#7ec0d7 |
rgb(126,192,215) |
hsl(196,53%,67%) |
#6bb6d1 |
rgb(107,182,209) |
hsl(196,53%,62%) |
#57accb |
rgb(87,172,203) |
hsl(196,53%,57%) |
#44a3c5 |
rgb(68,163,197) |
hsl(196,53%,52%) |
#3895b7 |
rgb(56,149,183) |
hsl(196,53%,47%) |
#3286a4 |
rgb(50,134,164) |
hsl(196,53%,42%) |
#2c7690 |
rgb(44,118,144) |
hsl(196,53%,37%) |
#26667d |
rgb(38,102,125) |
hsl(196,53%,32%) |
#205669 |
rgb(32,86,105) |
hsl(196,53%,27%) |
#1a4656 |
rgb(26,70,86) |
hsl(196,53%,22%) |
#143642 |
rgb(20,54,66) |
hsl(196,53%,17%) |
#0e262f |
rgb(14,38,47) |
hsl(196,53%,12%) |
#08161b |
rgb(8,22,27) |
hsl(196,53%,7%) |
#020608 |
rgb(2,6,8) |
hsl(196,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#32A376 |
rgb(50,163,118) |
hsl(156,53%,42%) |
#3286A4 |
rgb(50,134,164) |
hsl(196,53%,42%) |
#323BA4 |
rgb(50,59,164) |
hsl(235,53%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#50ABC9 |
rgb(80,171,201) |
hsl(195,53%,55%) |
#3A9CBE |
rgb(58,156,190) |
hsl(195,53%,49%) |
#3286A4 |
rgb(50,134,164) |
hsl(196,53%,42%) |
#2A7089 |
rgb(42,112,137) |
hsl(196,53%,35%) |
#225C6F |
rgb(34,92,111) |
hsl(195,53%,28%) |
#1A4555 |
rgb(26,69,85) |
hsl(196,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3286A4 |
rgb(50,134,164) |
hsl(196,53%,42%) |
#A4334D |
rgb(164,51,77) |
hsl(346,53%,42%) |
#A48A32 |
rgb(164,138,50) |
hsl(46,53%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3286A4 |
rgb(50,134,164) |
hsl(196,53%,42%) |
#A44F32 |
rgb(164,79,50) |
hsl(15,53%,42%) |
#32A389 |
rgb(50,163,137) |
hsl(166,53%,42%) |
#A48A32 |
rgb(164,138,50) |
hsl(46,53%,42%) |