HEX #305CB2 color — Azure
The color #305CB2 is a dark shade and moderately saturated.
Palette
305CB2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,58%,99%) |
#e7edf9 |
rgb(231,237,249) |
hsl(220,58%,94%) |
#d3def3 |
rgb(211,222,243) |
hsl(220,58%,89%) |
#bfceee |
rgb(191,206,238) |
hsl(220,58%,84%) |
#aabfe9 |
rgb(170,191,233) |
hsl(220,58%,79%) |
#96b0e3 |
rgb(150,176,227) |
hsl(220,58%,74%) |
#82a1de |
rgb(130,161,222) |
hsl(220,58%,69%) |
#6e91d8 |
rgb(110,145,216) |
hsl(220,58%,64%) |
#5a82d3 |
rgb(90,130,211) |
hsl(220,58%,59%) |
#4673ce |
rgb(70,115,206) |
hsl(220,58%,54%) |
#3465c5 |
rgb(52,101,197) |
hsl(220,58%,49%) |
#2f5bb1 |
rgb(47,91,177) |
hsl(220,58%,44%) |
#2a509d |
rgb(42,80,157) |
hsl(220,58%,39%) |
#244689 |
rgb(36,70,137) |
hsl(220,58%,34%) |
#1f3c75 |
rgb(31,60,117) |
hsl(220,58%,29%) |
#1a3161 |
rgb(26,49,97) |
hsl(220,58%,24%) |
#14274d |
rgb(20,39,77) |
hsl(220,58%,19%) |
#0f1d38 |
rgb(15,29,56) |
hsl(220,58%,14%) |
#0a1324 |
rgb(10,19,36) |
hsl(220,58%,9%) |
#040810 |
rgb(4,8,16) |
hsl(220,58%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B3B1 |
rgb(48,179,177) |
hsl(179,58%,45%) |
#305CB2 |
rgb(48,92,178) |
hsl(220,58%,44%) |
#5A30B2 |
rgb(90,48,178) |
hsl(259,58%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5882D2 |
rgb(88,130,210) |
hsl(219,58%,58%) |
#3B6BCA |
rgb(59,107,202) |
hsl(220,57%,51%) |
#305CB2 |
rgb(48,92,178) |
hsl(220,58%,44%) |
#284D95 |
rgb(40,77,149) |
hsl(220,58%,37%) |
#204079 |
rgb(32,64,121) |
hsl(218,58%,30%) |
#18305C |
rgb(24,48,92) |
hsl(219,59%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#305CB2 |
rgb(48,92,178) |
hsl(220,58%,44%) |
#B24530 |
rgb(178,69,48) |
hsl(10,58%,44%) |
#9DB330 |
rgb(157,179,48) |
hsl(70,58%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305CB2 |
rgb(48,92,178) |
hsl(220,58%,44%) |
#B28730 |
rgb(178,135,48) |
hsl(40,58%,44%) |
#309EB2 |
rgb(48,158,178) |
hsl(189,58%,44%) |
#9DB330 |
rgb(157,179,48) |
hsl(70,58%,45%) |