HEX #305CAC color — Azure
The color #305CAC is a dark shade and moderately saturated.
Palette
305CAC color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(219,56%,98%) |
#e3eaf7 |
rgb(227,234,247) |
hsl(219,56%,93%) |
#cfdbf2 |
rgb(207,219,242) |
hsl(219,56%,88%) |
#bbccec |
rgb(187,204,236) |
hsl(219,56%,83%) |
#a7bde6 |
rgb(167,189,230) |
hsl(219,56%,78%) |
#94afe1 |
rgb(148,175,225) |
hsl(219,56%,73%) |
#80a0db |
rgb(128,160,219) |
hsl(219,56%,68%) |
#6c91d5 |
rgb(108,145,213) |
hsl(219,56%,63%) |
#5882d0 |
rgb(88,130,208) |
hsl(219,56%,58%) |
#4473ca |
rgb(68,115,202) |
hsl(219,56%,53%) |
#3666bf |
rgb(54,102,191) |
hsl(219,56%,48%) |
#305bab |
rgb(48,91,171) |
hsl(219,56%,43%) |
#2b5197 |
rgb(43,81,151) |
hsl(219,56%,38%) |
#254683 |
rgb(37,70,131) |
hsl(219,56%,33%) |
#1f3b6f |
rgb(31,59,111) |
hsl(219,56%,28%) |
#1a315b |
rgb(26,49,91) |
hsl(219,56%,23%) |
#142648 |
rgb(20,38,72) |
hsl(219,56%,18%) |
#0f1c34 |
rgb(15,28,52) |
hsl(219,56%,13%) |
#091120 |
rgb(9,17,32) |
hsl(219,56%,8%) |
#03060c |
rgb(3,6,12) |
hsl(219,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30ABA9 |
rgb(48,171,169) |
hsl(179,56%,43%) |
#305CAC |
rgb(48,92,172) |
hsl(219,56%,43%) |
#5630AC |
rgb(86,48,172) |
hsl(258,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5380CF |
rgb(83,128,207) |
hsl(218,56%,57%) |
#376BC7 |
rgb(55,107,199) |
hsl(218,57%,50%) |
#305CAC |
rgb(48,92,172) |
hsl(219,56%,43%) |
#284D90 |
rgb(40,77,144) |
hsl(219,57%,36%) |
#204074 |
rgb(32,64,116) |
hsl(217,57%,29%) |
#183059 |
rgb(24,48,89) |
hsl(218,58%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#305CAC |
rgb(48,92,172) |
hsl(219,56%,43%) |
#AC4230 |
rgb(172,66,48) |
hsl(9,56%,43%) |
#9AAB30 |
rgb(154,171,48) |
hsl(68,56%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305CAC |
rgb(48,92,172) |
hsl(219,56%,43%) |
#AC8030 |
rgb(172,128,48) |
hsl(39,56%,43%) |
#3099AC |
rgb(48,153,172) |
hsl(189,56%,43%) |
#9AAB30 |
rgb(154,171,48) |
hsl(68,56%,43%) |