HEX #306EAC color — Azure
The color #306EAC is a dark shade and moderately saturated.
Palette
306EAC color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(210,56%,98%) |
#e3edf7 |
rgb(227,237,247) |
hsl(210,56%,93%) |
#cfe0f2 |
rgb(207,224,242) |
hsl(210,56%,88%) |
#bbd4ec |
rgb(187,212,236) |
hsl(210,56%,83%) |
#a7c7e6 |
rgb(167,199,230) |
hsl(210,56%,78%) |
#94bae1 |
rgb(148,186,225) |
hsl(210,56%,73%) |
#80addb |
rgb(128,173,219) |
hsl(210,56%,68%) |
#6ca1d5 |
rgb(108,161,213) |
hsl(210,56%,63%) |
#5894d0 |
rgb(88,148,208) |
hsl(210,56%,58%) |
#4487ca |
rgb(68,135,202) |
hsl(210,56%,53%) |
#367abf |
rgb(54,122,191) |
hsl(210,56%,48%) |
#306eab |
rgb(48,110,171) |
hsl(210,56%,43%) |
#2b6197 |
rgb(43,97,151) |
hsl(210,56%,38%) |
#255483 |
rgb(37,84,131) |
hsl(210,56%,33%) |
#1f476f |
rgb(31,71,111) |
hsl(210,56%,28%) |
#1a3b5b |
rgb(26,59,91) |
hsl(210,56%,23%) |
#142e48 |
rgb(20,46,72) |
hsl(210,56%,18%) |
#0f2134 |
rgb(15,33,52) |
hsl(210,56%,13%) |
#091420 |
rgb(9,20,32) |
hsl(210,56%,8%) |
#03080c |
rgb(3,8,12) |
hsl(210,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30AB97 |
rgb(48,171,151) |
hsl(170,56%,43%) |
#306EAC |
rgb(48,110,172) |
hsl(210,56%,43%) |
#4430AC |
rgb(68,48,172) |
hsl(250,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5391CF |
rgb(83,145,207) |
hsl(210,56%,57%) |
#3780C7 |
rgb(55,128,199) |
hsl(210,57%,50%) |
#306EAC |
rgb(48,110,172) |
hsl(210,56%,43%) |
#285C90 |
rgb(40,92,144) |
hsl(210,57%,36%) |
#204A74 |
rgb(32,74,116) |
hsl(210,57%,29%) |
#183859 |
rgb(24,56,89) |
hsl(210,58%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EAC |
rgb(48,110,172) |
hsl(210,56%,43%) |
#AC3030 |
rgb(172,48,48) |
hsl(360,56%,43%) |
#ACAB30 |
rgb(172,171,48) |
hsl(60,56%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EAC |
rgb(48,110,172) |
hsl(210,56%,43%) |
#AC6E30 |
rgb(172,110,48) |
hsl(30,56%,43%) |
#30ABAC |
rgb(48,171,172) |
hsl(180,56%,43%) |
#ACAB30 |
rgb(172,171,48) |
hsl(60,56%,43%) |