HEX #107AE5 color — Azure Radiance
The color #107ae5 is a dark shade and highly saturated.
Palette
107ae5 color palette from light to dark
HEX |
RGB |
HSL |
#f5fafe |
rgb(245,250,254) |
hsl(210,87%,98%) |
#deedfd |
rgb(222,237,253) |
hsl(210,87%,93%) |
#c6e0fb |
rgb(198,224,251) |
hsl(210,87%,88%) |
#aed4f9 |
rgb(174,212,249) |
hsl(210,87%,83%) |
#96c7f8 |
rgb(150,199,248) |
hsl(210,87%,78%) |
#7ebaf6 |
rgb(126,186,246) |
hsl(210,87%,73%) |
#66adf4 |
rgb(102,173,244) |
hsl(210,87%,68%) |
#4fa1f3 |
rgb(79,161,243) |
hsl(210,87%,63%) |
#3794f1 |
rgb(55,148,241) |
hsl(210,87%,58%) |
#1f87ef |
rgb(31,135,239) |
hsl(210,87%,53%) |
#107ae5 |
rgb(16,122,229) |
hsl(210,87%,48%) |
#0e6ecd |
rgb(14,110,205) |
hsl(210,87%,43%) |
#0d61b5 |
rgb(13,97,181) |
hsl(210,87%,38%) |
#0b549d |
rgb(11,84,157) |
hsl(210,87%,33%) |
#094786 |
rgb(9,71,134) |
hsl(210,87%,28%) |
#083b6e |
rgb(8,59,110) |
hsl(210,87%,23%) |
#062e56 |
rgb(6,46,86) |
hsl(210,87%,18%) |
#04213e |
rgb(4,33,62) |
hsl(210,87%,13%) |
#031426 |
rgb(3,20,38) |
hsl(210,87%,8%) |
#01080e |
rgb(1,8,14) |
hsl(210,87%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#10E6C2 |
rgb(16,230,194) |
hsl(170,87%,48%) |
#107AE5 |
rgb(16,122,229) |
hsl(210,87%,48%) |
#340FE5 |
rgb(52,15,229) |
hsl(250,88%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#50A1F2 |
rgb(80,161,242) |
hsl(210,86%,63%) |
#2B8FF0 |
rgb(43,143,240) |
hsl(210,87%,55%) |
#107AE5 |
rgb(16,122,229) |
hsl(210,87%,48%) |
#0D66C0 |
rgb(13,102,192) |
hsl(210,87%,40%) |
#0A549B |
rgb(10,84,155) |
hsl(209,88%,32%) |
#084077 |
rgb(8,64,119) |
hsl(210,87%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#107AE5 |
rgb(16,122,229) |
hsl(210,87%,48%) |
#E50F10 |
rgb(229,15,16) |
hsl(360,88%,48%) |
#E4E610 |
rgb(228,230,16) |
hsl(61,87%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#107AE5 |
rgb(16,122,229) |
hsl(210,87%,48%) |
#E57A10 |
rgb(229,122,16) |
hsl(30,87%,48%) |
#10E6E5 |
rgb(16,230,229) |
hsl(180,87%,48%) |
#E4E610 |
rgb(228,230,16) |
hsl(61,87%,48%) |