HEX #306EA9 color — Azure
The color #306EA9 is a dark shade and moderately saturated.
Palette
306EA9 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(209,56%,98%) |
#e3edf7 |
rgb(227,237,247) |
hsl(209,56%,93%) |
#cfe1f2 |
rgb(207,225,242) |
hsl(209,56%,88%) |
#bbd4ec |
rgb(187,212,236) |
hsl(209,56%,83%) |
#a7c8e6 |
rgb(167,200,230) |
hsl(209,56%,78%) |
#94bbe1 |
rgb(148,187,225) |
hsl(209,56%,73%) |
#80afdb |
rgb(128,175,219) |
hsl(209,56%,68%) |
#6ca2d5 |
rgb(108,162,213) |
hsl(209,56%,63%) |
#5896d0 |
rgb(88,150,208) |
hsl(209,56%,58%) |
#4489ca |
rgb(68,137,202) |
hsl(209,56%,53%) |
#367dbf |
rgb(54,125,191) |
hsl(209,56%,48%) |
#3070ab |
rgb(48,112,171) |
hsl(209,56%,43%) |
#2b6397 |
rgb(43,99,151) |
hsl(209,56%,38%) |
#255683 |
rgb(37,86,131) |
hsl(209,56%,33%) |
#1f496f |
rgb(31,73,111) |
hsl(209,56%,28%) |
#1a3c5b |
rgb(26,60,91) |
hsl(209,56%,23%) |
#142f48 |
rgb(20,47,72) |
hsl(209,56%,18%) |
#0f2234 |
rgb(15,34,52) |
hsl(209,56%,13%) |
#091520 |
rgb(9,21,32) |
hsl(209,56%,8%) |
#03080c |
rgb(3,8,12) |
hsl(209,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A893 |
rgb(48,168,147) |
hsl(170,56%,42%) |
#306EA9 |
rgb(48,110,169) |
hsl(209,56%,43%) |
#4230A9 |
rgb(66,48,169) |
hsl(249,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5091CD |
rgb(80,145,205) |
hsl(209,56%,56%) |
#3780C4 |
rgb(55,128,196) |
hsl(209,56%,49%) |
#306EA9 |
rgb(48,110,169) |
hsl(209,56%,43%) |
#285C8D |
rgb(40,92,141) |
hsl(209,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 |
#306EA9 |
rgb(48,110,169) |
hsl(209,56%,43%) |
#A93031 |
rgb(169,48,49) |
hsl(360,56%,43%) |
#A9A830 |
rgb(169,168,48) |
hsl(60,56%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EA9 |
rgb(48,110,169) |
hsl(209,56%,43%) |
#A96B30 |
rgb(169,107,48) |
hsl(29,56%,43%) |
#30A8A7 |
rgb(48,168,167) |
hsl(180,56%,42%) |
#A9A830 |
rgb(169,168,48) |
hsl(60,56%,43%) |