HEX #3678B4 color — Astral
The color #3678B4 is a dark shade and moderately saturated.
Palette
3678B4 color palette from light to dark
HEX |
RGB |
HSL |
#eff5fa |
rgb(239,245,250) |
hsl(209,54%,96%) |
#dce8f4 |
rgb(220,232,244) |
hsl(209,54%,91%) |
#c8dcef |
rgb(200,220,239) |
hsl(209,54%,86%) |
#b4cfe9 |
rgb(180,207,233) |
hsl(209,54%,81%) |
#a1c3e3 |
rgb(161,195,227) |
hsl(209,54%,76%) |
#8db6dd |
rgb(141,182,221) |
hsl(209,54%,71%) |
#79aad7 |
rgb(121,170,215) |
hsl(209,54%,66%) |
#669dd1 |
rgb(102,157,209) |
hsl(209,54%,61%) |
#5291cb |
rgb(82,145,203) |
hsl(209,54%,56%) |
#3f84c6 |
rgb(63,132,198) |
hsl(209,54%,51%) |
#3677b5 |
rgb(54,119,181) |
hsl(209,54%,46%) |
#306aa1 |
rgb(48,106,161) |
hsl(209,54%,41%) |
#2a5d8d |
rgb(42,93,141) |
hsl(209,54%,36%) |
#24507a |
rgb(36,80,122) |
hsl(209,54%,31%) |
#1e4366 |
rgb(30,67,102) |
hsl(209,54%,26%) |
#193752 |
rgb(25,55,82) |
hsl(209,54%,21%) |
#132a3f |
rgb(19,42,63) |
hsl(209,54%,16%) |
#0d1d2b |
rgb(13,29,43) |
hsl(209,54%,11%) |
#071018 |
rgb(7,16,24) |
hsl(209,54%,6%) |
#010304 |
rgb(1,3,4) |
hsl(209,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#36B59C |
rgb(54,181,156) |
hsl(168,54%,46%) |
#3678B4 |
rgb(54,120,180) |
hsl(209,54%,46%) |
#4836B4 |
rgb(72,54,180) |
hsl(249,54%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#649ED0 |
rgb(100,158,208) |
hsl(208,53%,60%) |
#478AC7 |
rgb(71,138,199) |
hsl(209,53%,53%) |
#3678B4 |
rgb(54,120,180) |
hsl(209,54%,46%) |
#2D6697 |
rgb(45,102,151) |
hsl(208,54%,38%) |
#24527A |
rgb(36,82,122) |
hsl(208,54%,31%) |
#1C3D5D |
rgb(28,61,93) |
hsl(210,54%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3678B4 |
rgb(54,120,180) |
hsl(209,54%,46%) |
#B43639 |
rgb(180,54,57) |
hsl(359,54%,46%) |
#B4B036 |
rgb(180,176,54) |
hsl(58,54%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3678B4 |
rgb(54,120,180) |
hsl(209,54%,46%) |
#B47336 |
rgb(180,115,54) |
hsl(29,54%,46%) |
#36B5B1 |
rgb(54,181,177) |
hsl(178,54%,46%) |
#B4B036 |
rgb(180,176,54) |
hsl(58,54%,46%) |