HEX #308CA4 color — Astral
The color #308CA4 is a dark shade and moderately saturated.
Palette
308CA4 color palette from light to dark
HEX |
RGB |
HSL |
#f3fafc |
rgb(243,250,252) |
hsl(192,55%,97%) |
#dff1f6 |
rgb(223,241,246) |
hsl(192,55%,92%) |
#cce9f0 |
rgb(204,233,240) |
hsl(192,55%,87%) |
#b8e0ea |
rgb(184,224,234) |
hsl(192,55%,82%) |
#a4d8e5 |
rgb(164,216,229) |
hsl(192,55%,77%) |
#90cfdf |
rgb(144,207,223) |
hsl(192,55%,72%) |
#7dc7d9 |
rgb(125,199,217) |
hsl(192,55%,67%) |
#69bed3 |
rgb(105,190,211) |
hsl(192,55%,62%) |
#55b6ce |
rgb(85,182,206) |
hsl(192,55%,57%) |
#41adc8 |
rgb(65,173,200) |
hsl(192,55%,52%) |
#369fba |
rgb(54,159,186) |
hsl(192,55%,47%) |
#308ea6 |
rgb(48,142,166) |
hsl(192,55%,42%) |
#2a7d92 |
rgb(42,125,146) |
hsl(192,55%,37%) |
#256d7e |
rgb(37,109,126) |
hsl(192,55%,32%) |
#1f5c6b |
rgb(31,92,107) |
hsl(192,55%,27%) |
#194b57 |
rgb(25,75,87) |
hsl(192,55%,22%) |
#143a43 |
rgb(20,58,67) |
hsl(192,55%,17%) |
#0e292f |
rgb(14,41,47) |
hsl(192,55%,12%) |
#08181c |
rgb(8,24,28) |
hsl(192,55%,7%) |
#020708 |
rgb(2,7,8) |
hsl(192,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A36E |
rgb(48,163,110) |
hsl(152,55%,41%) |
#308CA4 |
rgb(48,140,164) |
hsl(192,55%,42%) |
#3040A4 |
rgb(48,64,164) |
hsl(232,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4CB0CA |
rgb(76,176,202) |
hsl(192,54%,55%) |
#37A3BE |
rgb(55,163,190) |
hsl(192,55%,48%) |
#308CA4 |
rgb(48,140,164) |
hsl(192,55%,42%) |
#287589 |
rgb(40,117,137) |
hsl(192,55%,35%) |
#205E6F |
rgb(32,94,111) |
hsl(193,55%,28%) |
#184A55 |
rgb(24,74,85) |
hsl(191,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#308CA4 |
rgb(48,140,164) |
hsl(192,55%,42%) |
#A43052 |
rgb(164,48,82) |
hsl(342,55%,42%) |
#A48230 |
rgb(164,130,48) |
hsl(42,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#308CA4 |
rgb(48,140,164) |
hsl(192,55%,42%) |
#A44730 |
rgb(164,71,48) |
hsl(12,55%,42%) |
#30A382 |
rgb(48,163,130) |
hsl(163,55%,41%) |
#A48230 |
rgb(164,130,48) |
hsl(42,55%,42%) |