HEX #306BA9 color — Azure
The color #306BA9 is a dark shade and moderately saturated.
Palette
306BA9 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(211,56%,98%) |
#e3edf7 |
rgb(227,237,247) |
hsl(211,56%,93%) |
#cfe0f2 |
rgb(207,224,242) |
hsl(211,56%,88%) |
#bbd3ec |
rgb(187,211,236) |
hsl(211,56%,83%) |
#a7c6e6 |
rgb(167,198,230) |
hsl(211,56%,78%) |
#94b9e1 |
rgb(148,185,225) |
hsl(211,56%,73%) |
#80acdb |
rgb(128,172,219) |
hsl(211,56%,68%) |
#6c9fd5 |
rgb(108,159,213) |
hsl(211,56%,63%) |
#5892d0 |
rgb(88,146,208) |
hsl(211,56%,58%) |
#4485ca |
rgb(68,133,202) |
hsl(211,56%,53%) |
#3678bf |
rgb(54,120,191) |
hsl(211,56%,48%) |
#306cab |
rgb(48,108,171) |
hsl(211,56%,43%) |
#2b5f97 |
rgb(43,95,151) |
hsl(211,56%,38%) |
#255383 |
rgb(37,83,131) |
hsl(211,56%,33%) |
#1f466f |
rgb(31,70,111) |
hsl(211,56%,28%) |
#1a3a5b |
rgb(26,58,91) |
hsl(211,56%,23%) |
#142d48 |
rgb(20,45,72) |
hsl(211,56%,18%) |
#0f2134 |
rgb(15,33,52) |
hsl(211,56%,13%) |
#091420 |
rgb(9,20,32) |
hsl(211,56%,8%) |
#03080c |
rgb(3,8,12) |
hsl(211,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A896 |
rgb(48,168,150) |
hsl(171,56%,42%) |
#306BA9 |
rgb(48,107,169) |
hsl(211,56%,43%) |
#4530A9 |
rgb(69,48,169) |
hsl(250,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#508FCD |
rgb(80,143,205) |
hsl(210,56%,56%) |
#377DC4 |
rgb(55,125,196) |
hsl(210,56%,49%) |
#306BA9 |
rgb(48,107,169) |
hsl(211,56%,43%) |
#28598D |
rgb(40,89,141) |
hsl(211,56%,35%) |
#204A72 |
rgb(32,74,114) |
hsl(209,56%,29%) |
#183857 |
rgb(24,56,87) |
hsl(210,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#306BA9 |
rgb(48,107,169) |
hsl(211,56%,43%) |
#A93030 |
rgb(169,48,48) |
hsl(360,56%,43%) |
#A7A830 |
rgb(167,168,48) |
hsl(61,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306BA9 |
rgb(48,107,169) |
hsl(211,56%,43%) |
#A96E30 |
rgb(169,110,48) |
hsl(31,56%,43%) |
#30A8A9 |
rgb(48,168,169) |
hsl(180,56%,43%) |
#A7A830 |
rgb(167,168,48) |
hsl(61,56%,42%) |