HEX #305EB0 color — Azure
The color #305EB0 is a dark shade and moderately saturated.
Palette
305EB0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(218,57%,99%) |
#e7edf8 |
rgb(231,237,248) |
hsl(218,57%,94%) |
#d3dff3 |
rgb(211,223,243) |
hsl(218,57%,89%) |
#bfd0ed |
rgb(191,208,237) |
hsl(218,57%,84%) |
#abc1e8 |
rgb(171,193,232) |
hsl(218,57%,79%) |
#97b3e2 |
rgb(151,179,226) |
hsl(218,57%,74%) |
#83a4dd |
rgb(131,164,221) |
hsl(218,57%,69%) |
#6f95d8 |
rgb(111,149,216) |
hsl(218,57%,64%) |
#5b87d2 |
rgb(91,135,210) |
hsl(218,57%,59%) |
#4778cd |
rgb(71,120,205) |
hsl(218,57%,54%) |
#366ac4 |
rgb(54,106,196) |
hsl(218,57%,49%) |
#305fb0 |
rgb(48,95,176) |
hsl(218,57%,44%) |
#2b549c |
rgb(43,84,156) |
hsl(218,57%,39%) |
#254a88 |
rgb(37,74,136) |
hsl(218,57%,34%) |
#203f74 |
rgb(32,63,116) |
hsl(218,57%,29%) |
#1a3460 |
rgb(26,52,96) |
hsl(218,57%,24%) |
#15294c |
rgb(21,41,76) |
hsl(218,57%,19%) |
#0f1e38 |
rgb(15,30,56) |
hsl(218,57%,14%) |
#0a1324 |
rgb(10,19,36) |
hsl(218,57%,9%) |
#040910 |
rgb(4,9,16) |
hsl(218,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B0AC |
rgb(48,176,172) |
hsl(178,57%,44%) |
#305EB0 |
rgb(48,94,176) |
hsl(218,57%,44%) |
#5730B0 |
rgb(87,48,176) |
hsl(258,57%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5682D1 |
rgb(86,130,209) |
hsl(219,57%,58%) |
#3A6EC9 |
rgb(58,110,201) |
hsl(218,57%,51%) |
#305EB0 |
rgb(48,94,176) |
hsl(218,57%,44%) |
#284F93 |
rgb(40,79,147) |
hsl(218,57%,37%) |
#204077 |
rgb(32,64,119) |
hsl(218,58%,30%) |
#18305B |
rgb(24,48,91) |
hsl(219,58%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#305EB0 |
rgb(48,94,176) |
hsl(218,57%,44%) |
#B04230 |
rgb(176,66,48) |
hsl(8,57%,44%) |
#9EB030 |
rgb(158,176,48) |
hsl(68,57%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305EB0 |
rgb(48,94,176) |
hsl(218,57%,44%) |
#B08230 |
rgb(176,130,48) |
hsl(38,57%,44%) |
#309EB0 |
rgb(48,158,176) |
hsl(188,57%,44%) |
#9EB030 |
rgb(158,176,48) |
hsl(68,57%,44%) |