HEX #3054B0 color — Azure
The color #3054b0 is a dark shade and moderately saturated.
Palette
3054b0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(223,57%,99%) |
#e7ecf8 |
rgb(231,236,248) |
hsl(223,57%,94%) |
#d3dcf3 |
rgb(211,220,243) |
hsl(223,57%,89%) |
#bfcced |
rgb(191,204,237) |
hsl(223,57%,84%) |
#abbce8 |
rgb(171,188,232) |
hsl(223,57%,79%) |
#97ace2 |
rgb(151,172,226) |
hsl(223,57%,74%) |
#839cdd |
rgb(131,156,221) |
hsl(223,57%,69%) |
#6f8dd8 |
rgb(111,141,216) |
hsl(223,57%,64%) |
#5b7dd2 |
rgb(91,125,210) |
hsl(223,57%,59%) |
#476dcd |
rgb(71,109,205) |
hsl(223,57%,54%) |
#365ec4 |
rgb(54,94,196) |
hsl(223,57%,49%) |
#3054b0 |
rgb(48,84,176) |
hsl(223,57%,44%) |
#2b4b9c |
rgb(43,75,156) |
hsl(223,57%,39%) |
#254188 |
rgb(37,65,136) |
hsl(223,57%,34%) |
#203874 |
rgb(32,56,116) |
hsl(223,57%,29%) |
#1a2e60 |
rgb(26,46,96) |
hsl(223,57%,24%) |
#15244c |
rgb(21,36,76) |
hsl(223,57%,19%) |
#0f1b38 |
rgb(15,27,56) |
hsl(223,57%,14%) |
#0a1124 |
rgb(10,17,36) |
hsl(223,57%,9%) |
#040810 |
rgb(4,8,16) |
hsl(223,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A8B0 |
rgb(48,168,176) |
hsl(184,57%,44%) |
#3054B0 |
rgb(48,84,176) |
hsl(223,57%,44%) |
#6130B0 |
rgb(97,48,176) |
hsl(263,57%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5678D1 |
rgb(86,120,209) |
hsl(223,57%,58%) |
#3A63C9 |
rgb(58,99,201) |
hsl(223,57%,51%) |
#3054B0 |
rgb(48,84,176) |
hsl(223,57%,44%) |
#284793 |
rgb(40,71,147) |
hsl(223,57%,37%) |
#203877 |
rgb(32,56,119) |
hsl(223,58%,30%) |
#182B5B |
rgb(24,43,91) |
hsl(223,58%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3054B0 |
rgb(48,84,176) |
hsl(223,57%,44%) |
#B04D30 |
rgb(176,77,48) |
hsl(14,57%,44%) |
#94B030 |
rgb(148,176,48) |
hsl(73,57%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3054B0 |
rgb(48,84,176) |
hsl(223,57%,44%) |
#B08C30 |
rgb(176,140,48) |
hsl(43,57%,44%) |
#3094B0 |
rgb(48,148,176) |
hsl(193,57%,44%) |
#94B030 |
rgb(148,176,48) |
hsl(73,57%,44%) |