HEX #305CA8 color — Azure
The color #305CA8 is a dark shade and moderately saturated.
Palette
305CA8 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(218,56%,97%) |
#dfe8f6 |
rgb(223,232,246) |
hsl(218,56%,92%) |
#cbd9f0 |
rgb(203,217,240) |
hsl(218,56%,87%) |
#b7caeb |
rgb(183,202,235) |
hsl(218,56%,82%) |
#a4bce5 |
rgb(164,188,229) |
hsl(218,56%,77%) |
#90ade0 |
rgb(144,173,224) |
hsl(218,56%,72%) |
#7c9eda |
rgb(124,158,218) |
hsl(218,56%,67%) |
#6890d4 |
rgb(104,144,212) |
hsl(218,56%,62%) |
#5481cf |
rgb(84,129,207) |
hsl(218,56%,57%) |
#4072c9 |
rgb(64,114,201) |
hsl(218,56%,52%) |
#3566bb |
rgb(53,102,187) |
hsl(218,56%,47%) |
#2f5ba7 |
rgb(47,91,167) |
hsl(218,56%,42%) |
#2a5093 |
rgb(42,80,147) |
hsl(218,56%,37%) |
#24457f |
rgb(36,69,127) |
hsl(218,56%,32%) |
#1e3b6b |
rgb(30,59,107) |
hsl(218,56%,27%) |
#193058 |
rgb(25,48,88) |
hsl(218,56%,22%) |
#132544 |
rgb(19,37,68) |
hsl(218,56%,17%) |
#0d1a30 |
rgb(13,26,48) |
hsl(218,56%,12%) |
#080f1c |
rgb(8,15,28) |
hsl(218,56%,7%) |
#020408 |
rgb(2,4,8) |
hsl(218,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A8A4 |
rgb(48,168,164) |
hsl(178,56%,42%) |
#305CA8 |
rgb(48,92,168) |
hsl(218,56%,42%) |
#5430A8 |
rgb(84,48,168) |
hsl(258,56%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#507DCD |
rgb(80,125,205) |
hsl(218,56%,56%) |
#376BC2 |
rgb(55,107,194) |
hsl(218,56%,49%) |
#305CA8 |
rgb(48,92,168) |
hsl(218,56%,42%) |
#284D8D |
rgb(40,77,141) |
hsl(218,56%,35%) |
#204072 |
rgb(32,64,114) |
hsl(217,56%,29%) |
#183057 |
rgb(24,48,87) |
hsl(217,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#305CA8 |
rgb(48,92,168) |
hsl(218,56%,42%) |
#A84030 |
rgb(168,64,48) |
hsl(8,56%,42%) |
#98A830 |
rgb(152,168,48) |
hsl(68,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305CA8 |
rgb(48,92,168) |
hsl(218,56%,42%) |
#A87D30 |
rgb(168,125,48) |
hsl(39,56%,42%) |
#3099A8 |
rgb(48,153,168) |
hsl(188,56%,42%) |
#98A830 |
rgb(152,168,48) |
hsl(68,56%,42%) |