HEX #305EAB color — Azure
The color #305EAB is a dark shade and moderately saturated.
Palette
305EAB color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(218,56%,98%) |
#e3eaf7 |
rgb(227,234,247) |
hsl(218,56%,93%) |
#cfdcf2 |
rgb(207,220,242) |
hsl(218,56%,88%) |
#bbcdec |
rgb(187,205,236) |
hsl(218,56%,83%) |
#a7bfe6 |
rgb(167,191,230) |
hsl(218,56%,78%) |
#94b0e1 |
rgb(148,176,225) |
hsl(218,56%,73%) |
#80a1db |
rgb(128,161,219) |
hsl(218,56%,68%) |
#6c93d5 |
rgb(108,147,213) |
hsl(218,56%,63%) |
#5884d0 |
rgb(88,132,208) |
hsl(218,56%,58%) |
#4475ca |
rgb(68,117,202) |
hsl(218,56%,53%) |
#3668bf |
rgb(54,104,191) |
hsl(218,56%,48%) |
#305dab |
rgb(48,93,171) |
hsl(218,56%,43%) |
#2b5297 |
rgb(43,82,151) |
hsl(218,56%,38%) |
#254883 |
rgb(37,72,131) |
hsl(218,56%,33%) |
#1f3d6f |
rgb(31,61,111) |
hsl(218,56%,28%) |
#1a325b |
rgb(26,50,91) |
hsl(218,56%,23%) |
#142748 |
rgb(20,39,72) |
hsl(218,56%,18%) |
#0f1c34 |
rgb(15,28,52) |
hsl(218,56%,13%) |
#091120 |
rgb(9,17,32) |
hsl(218,56%,8%) |
#03070c |
rgb(3,7,12) |
hsl(218,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30ABA6 |
rgb(48,171,166) |
hsl(178,56%,43%) |
#305EAB |
rgb(48,94,171) |
hsl(218,56%,43%) |
#5430AB |
rgb(84,48,171) |
hsl(258,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5282CE |
rgb(82,130,206) |
hsl(217,56%,56%) |
#376EC6 |
rgb(55,110,198) |
hsl(217,57%,50%) |
#305EAB |
rgb(48,94,171) |
hsl(218,56%,43%) |
#284F8F |
rgb(40,79,143) |
hsl(217,56%,36%) |
#204074 |
rgb(32,64,116) |
hsl(217,57%,29%) |
#183058 |
rgb(24,48,88) |
hsl(218,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#305EAB |
rgb(48,94,171) |
hsl(218,56%,43%) |
#AB4030 |
rgb(171,64,48) |
hsl(8,56%,43%) |
#9BAB30 |
rgb(155,171,48) |
hsl(68,56%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305EAB |
rgb(48,94,171) |
hsl(218,56%,43%) |
#AB7D30 |
rgb(171,125,48) |
hsl(38,56%,43%) |
#309CAB |
rgb(48,156,171) |
hsl(187,56%,43%) |
#9BAB30 |
rgb(155,171,48) |
hsl(68,56%,43%) |