HEX #307AB2 color — Astral
The color #307AB2 is a dark shade and moderately saturated.
Palette
307AB2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(206,58%,99%) |
#e7f1f9 |
rgb(231,241,249) |
hsl(206,58%,94%) |
#d3e5f3 |
rgb(211,229,243) |
hsl(206,58%,89%) |
#bfd9ee |
rgb(191,217,238) |
hsl(206,58%,84%) |
#aacee9 |
rgb(170,206,233) |
hsl(206,58%,79%) |
#96c2e3 |
rgb(150,194,227) |
hsl(206,58%,74%) |
#82b6de |
rgb(130,182,222) |
hsl(206,58%,69%) |
#6eaad8 |
rgb(110,170,216) |
hsl(206,58%,64%) |
#5a9fd3 |
rgb(90,159,211) |
hsl(206,58%,59%) |
#4693ce |
rgb(70,147,206) |
hsl(206,58%,54%) |
#3487c5 |
rgb(52,135,197) |
hsl(206,58%,49%) |
#2f79b1 |
rgb(47,121,177) |
hsl(206,58%,44%) |
#2a6b9d |
rgb(42,107,157) |
hsl(206,58%,39%) |
#245d89 |
rgb(36,93,137) |
hsl(206,58%,34%) |
#1f5075 |
rgb(31,80,117) |
hsl(206,58%,29%) |
#1a4261 |
rgb(26,66,97) |
hsl(206,58%,24%) |
#14344d |
rgb(20,52,77) |
hsl(206,58%,19%) |
#0f2638 |
rgb(15,38,56) |
hsl(206,58%,14%) |
#0a1924 |
rgb(10,25,36) |
hsl(206,58%,9%) |
#040b10 |
rgb(4,11,16) |
hsl(206,58%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B393 |
rgb(48,179,147) |
hsl(165,58%,45%) |
#307AB2 |
rgb(48,122,178) |
hsl(206,58%,44%) |
#3C30B2 |
rgb(60,48,178) |
hsl(246,58%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#589ED2 |
rgb(88,158,210) |
hsl(206,58%,58%) |
#3B8CCA |
rgb(59,140,202) |
hsl(206,57%,51%) |
#307AB2 |
rgb(48,122,178) |
hsl(206,58%,44%) |
#286695 |
rgb(40,102,149) |
hsl(206,58%,37%) |
#205479 |
rgb(32,84,121) |
hsl(205,58%,30%) |
#18405C |
rgb(24,64,92) |
hsl(205,59%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#307AB2 |
rgb(48,122,178) |
hsl(206,58%,44%) |
#B23039 |
rgb(178,48,57) |
hsl(356,58%,44%) |
#B2A830 |
rgb(178,168,48) |
hsl(55,58%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307AB2 |
rgb(48,122,178) |
hsl(206,58%,44%) |
#B26930 |
rgb(178,105,48) |
hsl(26,58%,44%) |
#30B3A9 |
rgb(48,179,169) |
hsl(175,58%,45%) |
#B2A830 |
rgb(178,168,48) |
hsl(55,58%,44%) |