HEX #308AA4 color — Astral
The color #308AA4 is a dark shade and moderately saturated.
Palette
308AA4 color palette from light to dark
HEX |
RGB |
HSL |
#f3fafc |
rgb(243,250,252) |
hsl(193,55%,97%) |
#dff1f6 |
rgb(223,241,246) |
hsl(193,55%,92%) |
#cce8f0 |
rgb(204,232,240) |
hsl(193,55%,87%) |
#b8dfea |
rgb(184,223,234) |
hsl(193,55%,82%) |
#a4d7e5 |
rgb(164,215,229) |
hsl(193,55%,77%) |
#90cedf |
rgb(144,206,223) |
hsl(193,55%,72%) |
#7dc5d9 |
rgb(125,197,217) |
hsl(193,55%,67%) |
#69bcd3 |
rgb(105,188,211) |
hsl(193,55%,62%) |
#55b4ce |
rgb(85,180,206) |
hsl(193,55%,57%) |
#41abc8 |
rgb(65,171,200) |
hsl(193,55%,52%) |
#369dba |
rgb(54,157,186) |
hsl(193,55%,47%) |
#308ca6 |
rgb(48,140,166) |
hsl(193,55%,42%) |
#2a7c92 |
rgb(42,124,146) |
hsl(193,55%,37%) |
#256b7e |
rgb(37,107,126) |
hsl(193,55%,32%) |
#1f5a6b |
rgb(31,90,107) |
hsl(193,55%,27%) |
#194a57 |
rgb(25,74,87) |
hsl(193,55%,22%) |
#143943 |
rgb(20,57,67) |
hsl(193,55%,17%) |
#0e282f |
rgb(14,40,47) |
hsl(193,55%,12%) |
#08171c |
rgb(8,23,28) |
hsl(193,55%,7%) |
#020708 |
rgb(2,7,8) |
hsl(193,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A370 |
rgb(48,163,112) |
hsl(153,55%,41%) |
#308AA4 |
rgb(48,138,164) |
hsl(193,55%,42%) |
#303DA4 |
rgb(48,61,164) |
hsl(233,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4CADCA |
rgb(76,173,202) |
hsl(194,54%,55%) |
#37A1BE |
rgb(55,161,190) |
hsl(193,55%,48%) |
#308AA4 |
rgb(48,138,164) |
hsl(193,55%,42%) |
#287389 |
rgb(40,115,137) |
hsl(194,55%,35%) |
#205E6F |
rgb(32,94,111) |
hsl(193,55%,28%) |
#184755 |
rgb(24,71,85) |
hsl(194,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#308AA4 |
rgb(48,138,164) |
hsl(193,55%,42%) |
#A43050 |
rgb(164,48,80) |
hsl(343,55%,42%) |
#A48530 |
rgb(164,133,48) |
hsl(44,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#308AA4 |
rgb(48,138,164) |
hsl(193,55%,42%) |
#A44A30 |
rgb(164,74,48) |
hsl(13,55%,42%) |
#30A384 |
rgb(48,163,132) |
hsl(164,55%,41%) |
#A48530 |
rgb(164,133,48) |
hsl(44,55%,42%) |