HEX #306EA2 color — Astral
The color #306EA2 is a dark shade and moderately saturated.
Palette
306EA2 color palette from light to dark
HEX |
RGB |
HSL |
#eff5fa |
rgb(239,245,250) |
hsl(207,54%,96%) |
#dce9f4 |
rgb(220,233,244) |
hsl(207,54%,91%) |
#c8ddef |
rgb(200,221,239) |
hsl(207,54%,86%) |
#b4d1e9 |
rgb(180,209,233) |
hsl(207,54%,81%) |
#a1c5e3 |
rgb(161,197,227) |
hsl(207,54%,76%) |
#8db9dd |
rgb(141,185,221) |
hsl(207,54%,71%) |
#79add7 |
rgb(121,173,215) |
hsl(207,54%,66%) |
#66a1d1 |
rgb(102,161,209) |
hsl(207,54%,61%) |
#5295cb |
rgb(82,149,203) |
hsl(207,54%,56%) |
#3f89c6 |
rgb(63,137,198) |
hsl(207,54%,51%) |
#367cb5 |
rgb(54,124,181) |
hsl(207,54%,46%) |
#306ea1 |
rgb(48,110,161) |
hsl(207,54%,41%) |
#2a618d |
rgb(42,97,141) |
hsl(207,54%,36%) |
#24537a |
rgb(36,83,122) |
hsl(207,54%,31%) |
#1e4666 |
rgb(30,70,102) |
hsl(207,54%,26%) |
#193852 |
rgb(25,56,82) |
hsl(207,54%,21%) |
#132b3f |
rgb(19,43,63) |
hsl(207,54%,16%) |
#0d1e2b |
rgb(13,30,43) |
hsl(207,54%,11%) |
#071018 |
rgb(7,16,24) |
hsl(207,54%,6%) |
#010304 |
rgb(1,3,4) |
hsl(207,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A38A |
rgb(48,163,138) |
hsl(167,55%,41%) |
#306EA2 |
rgb(48,110,162) |
hsl(207,54%,41%) |
#3E30A2 |
rgb(62,48,162) |
hsl(247,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B91C9 |
rgb(75,145,201) |
hsl(207,54%,54%) |
#3780BB |
rgb(55,128,187) |
hsl(207,55%,47%) |
#306EA2 |
rgb(48,110,162) |
hsl(207,54%,41%) |
#285C88 |
rgb(40,92,136) |
hsl(208,55%,35%) |
#204A6E |
rgb(32,74,110) |
hsl(208,55%,28%) |
#183854 |
rgb(24,56,84) |
hsl(208,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EA2 |
rgb(48,110,162) |
hsl(207,54%,41%) |
#A23035 |
rgb(162,48,53) |
hsl(357,54%,41%) |
#A29E30 |
rgb(162,158,48) |
hsl(58,54%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EA2 |
rgb(48,110,162) |
hsl(207,54%,41%) |
#A26330 |
rgb(162,99,48) |
hsl(27,54%,41%) |
#30A39D |
rgb(48,163,157) |
hsl(177,55%,41%) |
#A29E30 |
rgb(162,158,48) |
hsl(58,54%,41%) |