HEX #305BA6 color — Azure
The color #305ba6 is a dark shade and moderately saturated.
Palette
305ba6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(218,55%,97%) |
#dfe8f6 |
rgb(223,232,246) |
hsl(218,55%,92%) |
#ccd9f0 |
rgb(204,217,240) |
hsl(218,55%,87%) |
#b8caea |
rgb(184,202,234) |
hsl(218,55%,82%) |
#a4bce5 |
rgb(164,188,229) |
hsl(218,55%,77%) |
#90addf |
rgb(144,173,223) |
hsl(218,55%,72%) |
#7d9fd9 |
rgb(125,159,217) |
hsl(218,55%,67%) |
#6990d3 |
rgb(105,144,211) |
hsl(218,55%,62%) |
#5581ce |
rgb(85,129,206) |
hsl(218,55%,57%) |
#4173c8 |
rgb(65,115,200) |
hsl(218,55%,52%) |
#3666ba |
rgb(54,102,186) |
hsl(218,55%,47%) |
#305ba6 |
rgb(48,91,166) |
hsl(218,55%,42%) |
#2a5192 |
rgb(42,81,146) |
hsl(218,55%,37%) |
#25467e |
rgb(37,70,126) |
hsl(218,55%,32%) |
#1f3b6b |
rgb(31,59,107) |
hsl(218,55%,27%) |
#193057 |
rgb(25,48,87) |
hsl(218,55%,22%) |
#142543 |
rgb(20,37,67) |
hsl(218,55%,17%) |
#0e1a2f |
rgb(14,26,47) |
hsl(218,55%,12%) |
#080f1c |
rgb(8,15,28) |
hsl(218,55%,7%) |
#020408 |
rgb(2,4,8) |
hsl(218,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A6A2 |
rgb(48,166,162) |
hsl(178,55%,42%) |
#305BA6 |
rgb(48,91,166) |
hsl(218,55%,42%) |
#5330A6 |
rgb(83,48,166) |
hsl(258,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E7DCB |
rgb(78,125,203) |
hsl(217,55%,55%) |
#3769C0 |
rgb(55,105,192) |
hsl(218,55%,48%) |
#305BA6 |
rgb(48,91,166) |
hsl(218,55%,42%) |
#284D8B |
rgb(40,77,139) |
hsl(218,55%,35%) |
#203D70 |
rgb(32,61,112) |
hsl(218,56%,28%) |
#183056 |
rgb(24,48,86) |
hsl(217,56%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#305BA6 |
rgb(48,91,166) |
hsl(218,55%,42%) |
#A64030 |
rgb(166,64,48) |
hsl(8,55%,42%) |
#96A630 |
rgb(150,166,48) |
hsl(68,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305BA6 |
rgb(48,91,166) |
hsl(218,55%,42%) |
#A67A30 |
rgb(166,122,48) |
hsl(38,55%,42%) |
#3096A6 |
rgb(48,150,166) |
hsl(188,55%,42%) |
#96A630 |
rgb(150,166,48) |
hsl(68,55%,42%) |