HEX #306EB0 color — Azure
The color #306eb0 is a dark shade and moderately saturated.
Palette
306eb0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(211,57%,99%) |
#e7eff8 |
rgb(231,239,248) |
hsl(211,57%,94%) |
#d3e2f3 |
rgb(211,226,243) |
hsl(211,57%,89%) |
#bfd5ed |
rgb(191,213,237) |
hsl(211,57%,84%) |
#abc8e8 |
rgb(171,200,232) |
hsl(211,57%,79%) |
#97bbe2 |
rgb(151,187,226) |
hsl(211,57%,74%) |
#83aedd |
rgb(131,174,221) |
hsl(211,57%,69%) |
#6fa1d8 |
rgb(111,161,216) |
hsl(211,57%,64%) |
#5b94d2 |
rgb(91,148,210) |
hsl(211,57%,59%) |
#4787cd |
rgb(71,135,205) |
hsl(211,57%,54%) |
#367bc4 |
rgb(54,123,196) |
hsl(211,57%,49%) |
#306eb0 |
rgb(48,110,176) |
hsl(211,57%,44%) |
#2b629c |
rgb(43,98,156) |
hsl(211,57%,39%) |
#255588 |
rgb(37,85,136) |
hsl(211,57%,34%) |
#204974 |
rgb(32,73,116) |
hsl(211,57%,29%) |
#1a3c60 |
rgb(26,60,96) |
hsl(211,57%,24%) |
#15304c |
rgb(21,48,76) |
hsl(211,57%,19%) |
#0f2338 |
rgb(15,35,56) |
hsl(211,57%,14%) |
#0a1724 |
rgb(10,23,36) |
hsl(211,57%,9%) |
#040a10 |
rgb(4,10,16) |
hsl(211,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B09C |
rgb(48,176,156) |
hsl(171,57%,44%) |
#306EB0 |
rgb(48,110,176) |
hsl(211,57%,44%) |
#4730B0 |
rgb(71,48,176) |
hsl(251,57%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5691D1 |
rgb(86,145,209) |
hsl(211,57%,58%) |
#3A80C9 |
rgb(58,128,201) |
hsl(211,57%,51%) |
#306EB0 |
rgb(48,110,176) |
hsl(211,57%,44%) |
#285C93 |
rgb(40,92,147) |
hsl(211,57%,37%) |
#204A77 |
rgb(32,74,119) |
hsl(211,58%,30%) |
#18385B |
rgb(24,56,91) |
hsl(211,58%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EB0 |
rgb(48,110,176) |
hsl(211,57%,44%) |
#B03330 |
rgb(176,51,48) |
hsl(1,57%,44%) |
#AEB030 |
rgb(174,176,48) |
hsl(61,57%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EB0 |
rgb(48,110,176) |
hsl(211,57%,44%) |
#B07330 |
rgb(176,115,48) |
hsl(31,57%,44%) |
#30ADB0 |
rgb(48,173,176) |
hsl(181,57%,44%) |
#AEB030 |
rgb(174,176,48) |
hsl(61,57%,44%) |