HEX #306EAB color — Azure
The color #306EAB is a dark shade and moderately saturated.
Palette
306EAB 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 |
#30AB96 |
rgb(48,171,150) |
hsl(170,56%,43%) |
#306EAB |
rgb(48,110,171) |
hsl(210,56%,43%) |
#4430AB |
rgb(68,48,171) |
hsl(250,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5291CE |
rgb(82,145,206) |
hsl(210,56%,56%) |
#3780C6 |
rgb(55,128,198) |
hsl(209,57%,50%) |
#306EAB |
rgb(48,110,171) |
hsl(210,56%,43%) |
#285C8F |
rgb(40,92,143) |
hsl(210,56%,36%) |
#204A74 |
rgb(32,74,116) |
hsl(210,57%,29%) |
#183858 |
rgb(24,56,88) |
hsl(210,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EAB |
rgb(48,110,171) |
hsl(210,56%,43%) |
#AB3030 |
rgb(171,48,48) |
hsl(360,56%,43%) |
#ABAB30 |
rgb(171,171,48) |
hsl(60,56%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EAB |
rgb(48,110,171) |
hsl(210,56%,43%) |
#AB6E30 |
rgb(171,110,48) |
hsl(30,56%,43%) |
#30ABAA |
rgb(48,171,170) |
hsl(180,56%,43%) |
#ABAB30 |
rgb(171,171,48) |
hsl(60,56%,43%) |