HEX #307AA4 color — Astral

The color #307AA4 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

307AA4 color palette from light to dark

HEX RGB HSL
#f3f8fc rgb(243,248,252) hsl(202,55%,97%)
#dfeef6 rgb(223,238,246) hsl(202,55%,92%)
#cce3f0 rgb(204,227,240) hsl(202,55%,87%)
#b8d8ea rgb(184,216,234) hsl(202,55%,82%)
#a4cde5 rgb(164,205,229) hsl(202,55%,77%)
#90c2df rgb(144,194,223) hsl(202,55%,72%)
#7db7d9 rgb(125,183,217) hsl(202,55%,67%)
#69acd3 rgb(105,172,211) hsl(202,55%,62%)
#55a1ce rgb(85,161,206) hsl(202,55%,57%)
#4197c8 rgb(65,151,200) hsl(202,55%,52%)
#3689ba rgb(54,137,186) hsl(202,55%,47%)
#307ba6 rgb(48,123,166) hsl(202,55%,42%)
#2a6c92 rgb(42,108,146) hsl(202,55%,37%)
#255e7e rgb(37,94,126) hsl(202,55%,32%)
#1f4f6b rgb(31,79,107) hsl(202,55%,27%)
#194057 rgb(25,64,87) hsl(202,55%,22%)
#143243 rgb(20,50,67) hsl(202,55%,17%)
#0e232f rgb(14,35,47) hsl(202,55%,12%)
#08141c rgb(8,20,28) hsl(202,55%,7%)
#020608 rgb(2,6,8) hsl(202,55%,2%)

Adjacent colors

HEX RGB HSL
#30A380 rgb(48,163,128) hsl(162,55%,41%)
#307AA4 rgb(48,122,164) hsl(202,55%,42%)
#3330A4 rgb(51,48,164) hsl(242,55%,42%)

Monochromatic colors

HEX RGB HSL
#4C9ECA rgb(76,158,202) hsl(201,54%,55%)
#378CBE rgb(55,140,190) hsl(202,55%,48%)
#307AA4 rgb(48,122,164) hsl(202,55%,42%)
#286689 rgb(40,102,137) hsl(202,55%,35%)
#20546F rgb(32,84,111) hsl(201,55%,28%)
#184055 rgb(24,64,85) hsl(201,56%,21%)

Triad color palettes

HEX RGB HSL
#307AA4 rgb(48,122,164) hsl(202,55%,42%)
#A43040 rgb(164,48,64) hsl(352,55%,42%)
#A49430 rgb(164,148,48) hsl(52,55%,42%)

Tetrad color palettes

HEX RGB HSL
#307AA4 rgb(48,122,164) hsl(202,55%,42%)
#A45930 rgb(164,89,48) hsl(21,55%,42%)
#30A394 rgb(48,163,148) hsl(172,55%,41%)
#A49430 rgb(164,148,48) hsl(52,55%,42%)