HEX #306EAA color — Azure
The color #306EAA is a dark shade and moderately saturated.
Palette
306EAA 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 |
#30AB94 |
rgb(48,171,148) |
hsl(169,56%,43%) |
#306EAA |
rgb(48,110,170) |
hsl(210,56%,43%) |
#4330AA |
rgb(67,48,170) |
hsl(249,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5191CE |
rgb(81,145,206) |
hsl(209,56%,56%) |
#3780C5 |
rgb(55,128,197) |
hsl(209,56%,49%) |
#306EAA |
rgb(48,110,170) |
hsl(210,56%,43%) |
#285C8E |
rgb(40,92,142) |
hsl(209,56%,36%) |
#204A73 |
rgb(32,74,115) |
hsl(210,56%,29%) |
#183858 |
rgb(24,56,88) |
hsl(210,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EAA |
rgb(48,110,170) |
hsl(210,56%,43%) |
#AA3031 |
rgb(170,48,49) |
hsl(360,56%,43%) |
#AAA830 |
rgb(170,168,48) |
hsl(59,56%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EAA |
rgb(48,110,170) |
hsl(210,56%,43%) |
#AA6B30 |
rgb(170,107,48) |
hsl(29,56%,43%) |
#30ABA9 |
rgb(48,171,169) |
hsl(179,56%,43%) |
#AAA830 |
rgb(170,168,48) |
hsl(59,56%,43%) |