HEX #316BB0 color — Azure
The color #316BB0 is a dark shade and moderately saturated.
Palette
316BB0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,56%,99%) |
#e7eff8 |
rgb(231,239,248) |
hsl(213,56%,94%) |
#d3e1f3 |
rgb(211,225,243) |
hsl(213,56%,89%) |
#bfd4ed |
rgb(191,212,237) |
hsl(213,56%,84%) |
#abc6e7 |
rgb(171,198,231) |
hsl(213,56%,79%) |
#98b9e2 |
rgb(152,185,226) |
hsl(213,56%,74%) |
#84acdc |
rgb(132,172,220) |
hsl(213,56%,69%) |
#709ed7 |
rgb(112,158,215) |
hsl(213,56%,64%) |
#5c91d1 |
rgb(92,145,209) |
hsl(213,56%,59%) |
#4883cb |
rgb(72,131,203) |
hsl(213,56%,54%) |
#3776c3 |
rgb(55,118,195) |
hsl(213,56%,49%) |
#316aaf |
rgb(49,106,175) |
hsl(213,56%,44%) |
#2c5e9b |
rgb(44,94,155) |
hsl(213,56%,39%) |
#265287 |
rgb(38,82,135) |
hsl(213,56%,34%) |
#214673 |
rgb(33,70,115) |
hsl(213,56%,29%) |
#1b3a5f |
rgb(27,58,95) |
hsl(213,56%,24%) |
#152e4c |
rgb(21,46,76) |
hsl(213,56%,19%) |
#102238 |
rgb(16,34,56) |
hsl(213,56%,14%) |
#0a1624 |
rgb(10,22,36) |
hsl(213,56%,9%) |
#040a10 |
rgb(4,10,16) |
hsl(213,56%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B0A0 |
rgb(49,176,160) |
hsl(172,56%,44%) |
#316BB0 |
rgb(49,107,176) |
hsl(213,56%,44%) |
#4B30B0 |
rgb(75,48,176) |
hsl(253,57%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#588FD0 |
rgb(88,143,208) |
hsl(213,56%,58%) |
#3C7DC8 |
rgb(60,125,200) |
hsl(212,56%,51%) |
#316BB0 |
rgb(49,107,176) |
hsl(213,56%,44%) |
#295993 |
rgb(41,89,147) |
hsl(213,56%,37%) |
#214A77 |
rgb(33,74,119) |
hsl(211,57%,30%) |
#19385B |
rgb(25,56,91) |
hsl(212,57%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#316BB0 |
rgb(49,107,176) |
hsl(213,56%,44%) |
#B03631 |
rgb(176,54,49) |
hsl(2,56%,44%) |
#AAB031 |
rgb(170,176,49) |
hsl(63,56%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316BB0 |
rgb(49,107,176) |
hsl(213,56%,44%) |
#B07531 |
rgb(176,117,49) |
hsl(32,56%,44%) |
#31ABB0 |
rgb(49,171,176) |
hsl(182,56%,44%) |
#AAB031 |
rgb(170,176,49) |
hsl(63,56%,44%) |