HEX #306BA8 color — Azure

The color #306BA8 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306BA8 color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(211,56%,97%)
#dfeaf6 rgb(223,234,246) hsl(211,56%,92%)
#cbddf0 rgb(203,221,240) hsl(211,56%,87%)
#b7d0eb rgb(183,208,235) hsl(211,56%,82%)
#a4c3e5 rgb(164,195,229) hsl(211,56%,77%)
#90b6e0 rgb(144,182,224) hsl(211,56%,72%)
#7ca9da rgb(124,169,218) hsl(211,56%,67%)
#689cd4 rgb(104,156,212) hsl(211,56%,62%)
#548fcf rgb(84,143,207) hsl(211,56%,57%)
#4082c9 rgb(64,130,201) hsl(211,56%,52%)
#3576bb rgb(53,118,187) hsl(211,56%,47%)
#2f69a7 rgb(47,105,167) hsl(211,56%,42%)
#2a5d93 rgb(42,93,147) hsl(211,56%,37%)
#24507f rgb(36,80,127) hsl(211,56%,32%)
#1e446b rgb(30,68,107) hsl(211,56%,27%)
#193758 rgb(25,55,88) hsl(211,56%,22%)
#132b44 rgb(19,43,68) hsl(211,56%,17%)
#0d1e30 rgb(13,30,48) hsl(211,56%,12%)
#08121c rgb(8,18,28) hsl(211,56%,7%)
#020508 rgb(2,5,8) hsl(211,56%,2%)

Adjacent colors

HEX RGB HSL
#30A895 rgb(48,168,149) hsl(171,56%,42%)
#306BA8 rgb(48,107,168) hsl(211,56%,42%)
#4530A8 rgb(69,48,168) hsl(251,56%,42%)

Monochromatic colors

HEX RGB HSL
#508CCD rgb(80,140,205) hsl(211,56%,56%)
#377DC2 rgb(55,125,194) hsl(210,56%,49%)
#306BA8 rgb(48,107,168) hsl(211,56%,42%)
#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
#306BA8 rgb(48,107,168) hsl(211,56%,42%)
#A83030 rgb(168,48,48) hsl(360,56%,42%)
#A7A830 rgb(167,168,48) hsl(61,56%,42%)

Tetrad color palettes

HEX RGB HSL
#306BA8 rgb(48,107,168) hsl(211,56%,42%)
#A86E30 rgb(168,110,48) hsl(31,56%,42%)
#30A6A8 rgb(48,166,168) hsl(181,56%,42%)
#A7A830 rgb(167,168,48) hsl(61,56%,42%)