HEX #306BB0 color — Azure
The color #306BB0 is a dark shade and moderately saturated.
Palette
306BB0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,57%,99%) |
#e7eff8 |
rgb(231,239,248) |
hsl(212,57%,94%) |
#d3e2f3 |
rgb(211,226,243) |
hsl(212,57%,89%) |
#bfd5ed |
rgb(191,213,237) |
hsl(212,57%,84%) |
#abc7e8 |
rgb(171,199,232) |
hsl(212,57%,79%) |
#97bae2 |
rgb(151,186,226) |
hsl(212,57%,74%) |
#83addd |
rgb(131,173,221) |
hsl(212,57%,69%) |
#6fa0d8 |
rgb(111,160,216) |
hsl(212,57%,64%) |
#5b92d2 |
rgb(91,146,210) |
hsl(212,57%,59%) |
#4785cd |
rgb(71,133,205) |
hsl(212,57%,54%) |
#3678c4 |
rgb(54,120,196) |
hsl(212,57%,49%) |
#306cb0 |
rgb(48,108,176) |
hsl(212,57%,44%) |
#2b609c |
rgb(43,96,156) |
hsl(212,57%,39%) |
#255388 |
rgb(37,83,136) |
hsl(212,57%,34%) |
#204774 |
rgb(32,71,116) |
hsl(212,57%,29%) |
#1a3b60 |
rgb(26,59,96) |
hsl(212,57%,24%) |
#152f4c |
rgb(21,47,76) |
hsl(212,57%,19%) |
#0f2238 |
rgb(15,34,56) |
hsl(212,57%,14%) |
#0a1624 |
rgb(10,22,36) |
hsl(212,57%,9%) |
#040a10 |
rgb(4,10,16) |
hsl(212,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B09F |
rgb(48,176,159) |
hsl(172,57%,44%) |
#306BB0 |
rgb(48,107,176) |
hsl(212,57%,44%) |
#4A30B0 |
rgb(74,48,176) |
hsl(252,57%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#568FD1 |
rgb(86,143,209) |
hsl(212,57%,58%) |
#3A7DC9 |
rgb(58,125,201) |
hsl(212,57%,51%) |
#306BB0 |
rgb(48,107,176) |
hsl(212,57%,44%) |
#285993 |
rgb(40,89,147) |
hsl(213,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 |
#306BB0 |
rgb(48,107,176) |
hsl(212,57%,44%) |
#B03630 |
rgb(176,54,48) |
hsl(3,57%,44%) |
#ABB030 |
rgb(171,176,48) |
hsl(62,57%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306BB0 |
rgb(48,107,176) |
hsl(212,57%,44%) |
#B07530 |
rgb(176,117,48) |
hsl(32,57%,44%) |
#30ABB0 |
rgb(48,171,176) |
hsl(182,57%,44%) |
#ABB030 |
rgb(171,176,48) |
hsl(62,57%,44%) |