HEX #307AA6 color — Astral
The color #307AA6 is a dark shade and moderately saturated.
Palette
307AA6 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 |
#30A683 |
rgb(48,166,131) |
hsl(162,55%,42%) |
#307AA6 |
rgb(48,122,166) |
hsl(202,55%,42%) |
#3430A6 |
rgb(52,48,166) |
hsl(242,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E9ECB |
rgb(78,158,203) |
hsl(202,55%,55%) |
#378CC0 |
rgb(55,140,192) |
hsl(203,55%,48%) |
#307AA6 |
rgb(48,122,166) |
hsl(202,55%,42%) |
#28668B |
rgb(40,102,139) |
hsl(202,55%,35%) |
#205470 |
rgb(32,84,112) |
hsl(201,56%,28%) |
#184056 |
rgb(24,64,86) |
hsl(201,56%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#307AA6 |
rgb(48,122,166) |
hsl(202,55%,42%) |
#A6303F |
rgb(166,48,63) |
hsl(352,55%,42%) |
#A69630 |
rgb(166,150,48) |
hsl(52,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307AA6 |
rgb(48,122,166) |
hsl(202,55%,42%) |
#A65C30 |
rgb(166,92,48) |
hsl(22,55%,42%) |
#30A697 |
rgb(48,166,151) |
hsl(172,55%,42%) |
#A69630 |
rgb(166,150,48) |
hsl(52,55%,42%) |