HEX #306EAE color — Azure
The color #306EAE is a dark shade and moderately saturated.
Palette
306EAE color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(210,57%,99%) |
#e7f0f8 |
rgb(231,240,248) |
hsl(210,57%,94%) |
#d3e3f3 |
rgb(211,227,243) |
hsl(210,57%,89%) |
#bfd6ed |
rgb(191,214,237) |
hsl(210,57%,84%) |
#abc9e8 |
rgb(171,201,232) |
hsl(210,57%,79%) |
#97bde2 |
rgb(151,189,226) |
hsl(210,57%,74%) |
#83b0dd |
rgb(131,176,221) |
hsl(210,57%,69%) |
#6fa3d8 |
rgb(111,163,216) |
hsl(210,57%,64%) |
#5b96d2 |
rgb(91,150,210) |
hsl(210,57%,59%) |
#478acd |
rgb(71,138,205) |
hsl(210,57%,54%) |
#367dc4 |
rgb(54,125,196) |
hsl(210,57%,49%) |
#3070b0 |
rgb(48,112,176) |
hsl(210,57%,44%) |
#2b639c |
rgb(43,99,156) |
hsl(210,57%,39%) |
#255788 |
rgb(37,87,136) |
hsl(210,57%,34%) |
#204a74 |
rgb(32,74,116) |
hsl(210,57%,29%) |
#1a3d60 |
rgb(26,61,96) |
hsl(210,57%,24%) |
#15304c |
rgb(21,48,76) |
hsl(210,57%,19%) |
#0f2438 |
rgb(15,36,56) |
hsl(210,57%,14%) |
#0a1724 |
rgb(10,23,36) |
hsl(210,57%,9%) |
#040a10 |
rgb(4,10,16) |
hsl(210,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30AD9A |
rgb(48,173,154) |
hsl(171,57%,43%) |
#306EAE |
rgb(48,110,174) |
hsl(210,57%,44%) |
#4630AE |
rgb(70,48,174) |
hsl(250,57%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5491D0 |
rgb(84,145,208) |
hsl(210,57%,57%) |
#3980C8 |
rgb(57,128,200) |
hsl(210,57%,50%) |
#306EAE |
rgb(48,110,174) |
hsl(210,57%,44%) |
#285C92 |
rgb(40,92,146) |
hsl(211,57%,36%) |
#204A76 |
rgb(32,74,118) |
hsl(211,57%,29%) |
#18385A |
rgb(24,56,90) |
hsl(211,58%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EAE |
rgb(48,110,174) |
hsl(210,57%,44%) |
#AE3030 |
rgb(174,48,48) |
hsl(360,57%,44%) |
#ADAD30 |
rgb(173,173,48) |
hsl(60,57%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EAE |
rgb(48,110,174) |
hsl(210,57%,44%) |
#AE7030 |
rgb(174,112,48) |
hsl(30,57%,44%) |
#30ADAE |
rgb(48,173,174) |
hsl(180,57%,44%) |
#ADAD30 |
rgb(173,173,48) |
hsl(60,57%,43%) |