HEX #3670B2 color — Astral
The color #3670B2 is a dark shade and moderately saturated.
Palette
3670B2 color palette from light to dark
HEX |
RGB |
HSL |
#ebf2f9 |
rgb(235,242,249) |
hsl(212,53%,95%) |
#d8e5f3 |
rgb(216,229,243) |
hsl(212,53%,90%) |
#c4d7ed |
rgb(196,215,237) |
hsl(212,53%,85%) |
#b1cae7 |
rgb(177,202,231) |
hsl(212,53%,80%) |
#9dbde1 |
rgb(157,189,225) |
hsl(212,53%,75%) |
#8ab0db |
rgb(138,176,219) |
hsl(212,53%,70%) |
#76a3d5 |
rgb(118,163,213) |
hsl(212,53%,65%) |
#6395cf |
rgb(99,149,207) |
hsl(212,53%,60%) |
#4f88c9 |
rgb(79,136,201) |
hsl(212,53%,55%) |
#3c7bc3 |
rgb(60,123,195) |
hsl(212,53%,50%) |
#366fb0 |
rgb(54,111,176) |
hsl(212,53%,45%) |
#30629c |
rgb(48,98,156) |
hsl(212,53%,40%) |
#2a5689 |
rgb(42,86,137) |
hsl(212,53%,35%) |
#244a75 |
rgb(36,74,117) |
hsl(212,53%,30%) |
#1e3d62 |
rgb(30,61,98) |
hsl(212,53%,25%) |
#18314e |
rgb(24,49,78) |
hsl(212,53%,20%) |
#12253b |
rgb(18,37,59) |
hsl(212,53%,15%) |
#0c1927 |
rgb(12,25,39) |
hsl(212,53%,10%) |
#060c14 |
rgb(6,12,20) |
hsl(212,53%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36B3A1 |
rgb(54,179,161) |
hsl(171,54%,46%) |
#3670B2 |
rgb(54,112,178) |
hsl(212,53%,45%) |
#4E36B2 |
rgb(78,54,178) |
hsl(252,53%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6296CF |
rgb(98,150,207) |
hsl(211,53%,60%) |
#4682C6 |
rgb(70,130,198) |
hsl(212,53%,53%) |
#3670B2 |
rgb(54,112,178) |
hsl(212,53%,45%) |
#2D5E95 |
rgb(45,94,149) |
hsl(212,54%,38%) |
#244D79 |
rgb(36,77,121) |
hsl(211,54%,31%) |
#1C3B5C |
rgb(28,59,92) |
hsl(211,53%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3670B2 |
rgb(54,112,178) |
hsl(212,53%,45%) |
#B23B36 |
rgb(178,59,54) |
hsl(2,53%,45%) |
#AEB336 |
rgb(174,179,54) |
hsl(62,54%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3670B2 |
rgb(54,112,178) |
hsl(212,53%,45%) |
#B27836 |
rgb(178,120,54) |
hsl(32,53%,45%) |
#36ADB2 |
rgb(54,173,178) |
hsl(182,53%,45%) |
#AEB336 |
rgb(174,179,54) |
hsl(62,54%,46%) |