HEX #305EA8 color — Azure
The color #305EA8 is a dark shade and moderately saturated.
Palette
305EA8 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(217,56%,97%) |
#dfe8f6 |
rgb(223,232,246) |
hsl(217,56%,92%) |
#cbdaf0 |
rgb(203,218,240) |
hsl(217,56%,87%) |
#b7cbeb |
rgb(183,203,235) |
hsl(217,56%,82%) |
#a4bde5 |
rgb(164,189,229) |
hsl(217,56%,77%) |
#90aee0 |
rgb(144,174,224) |
hsl(217,56%,72%) |
#7ca0da |
rgb(124,160,218) |
hsl(217,56%,67%) |
#6891d4 |
rgb(104,145,212) |
hsl(217,56%,62%) |
#5483cf |
rgb(84,131,207) |
hsl(217,56%,57%) |
#4075c9 |
rgb(64,117,201) |
hsl(217,56%,52%) |
#3568bb |
rgb(53,104,187) |
hsl(217,56%,47%) |
#2f5da7 |
rgb(47,93,167) |
hsl(217,56%,42%) |
#2a5293 |
rgb(42,82,147) |
hsl(217,56%,37%) |
#24477f |
rgb(36,71,127) |
hsl(217,56%,32%) |
#1e3c6b |
rgb(30,60,107) |
hsl(217,56%,27%) |
#193158 |
rgb(25,49,88) |
hsl(217,56%,22%) |
#132644 |
rgb(19,38,68) |
hsl(217,56%,17%) |
#0d1b30 |
rgb(13,27,48) |
hsl(217,56%,12%) |
#08101c |
rgb(8,16,28) |
hsl(217,56%,7%) |
#020408 |
rgb(2,4,8) |
hsl(217,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A8A2 |
rgb(48,168,162) |
hsl(177,56%,42%) |
#305EA8 |
rgb(48,94,168) |
hsl(217,56%,42%) |
#5230A8 |
rgb(82,48,168) |
hsl(257,56%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5080CD |
rgb(80,128,205) |
hsl(217,56%,56%) |
#376EC2 |
rgb(55,110,194) |
hsl(216,56%,49%) |
#305EA8 |
rgb(48,94,168) |
hsl(217,56%,42%) |
#284F8D |
rgb(40,79,141) |
hsl(217,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 |
#305EA8 |
rgb(48,94,168) |
hsl(217,56%,42%) |
#A83D30 |
rgb(168,61,48) |
hsl(7,56%,42%) |
#9AA830 |
rgb(154,168,48) |
hsl(67,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305EA8 |
rgb(48,94,168) |
hsl(217,56%,42%) |
#A87A30 |
rgb(168,122,48) |
hsl(37,56%,42%) |
#3099A8 |
rgb(48,153,168) |
hsl(188,56%,42%) |
#9AA830 |
rgb(154,168,48) |
hsl(67,56%,42%) |