HEX #036EA2 color — Allports
The color #036EA2 is a dark shade and highly saturated.
Palette
036EA2 color palette from light to dark
HEX |
RGB |
HSL |
#f0faff |
rgb(240,250,255) |
hsl(200,96%,97%) |
#d7f1fe |
rgb(215,241,254) |
hsl(200,96%,92%) |
#bee8fe |
rgb(190,232,254) |
hsl(200,96%,87%) |
#a5e0fd |
rgb(165,224,253) |
hsl(200,96%,82%) |
#8cd7fd |
rgb(140,215,253) |
hsl(200,96%,77%) |
#73cefc |
rgb(115,206,252) |
hsl(200,96%,72%) |
#5ac6fc |
rgb(90,198,252) |
hsl(200,96%,67%) |
#41bdfb |
rgb(65,189,251) |
hsl(200,96%,62%) |
#28b4fb |
rgb(40,180,251) |
hsl(200,96%,57%) |
#0facfa |
rgb(15,172,250) |
hsl(200,96%,52%) |
#059eeb |
rgb(5,158,235) |
hsl(200,96%,47%) |
#048dd2 |
rgb(4,141,210) |
hsl(200,96%,42%) |
#047db9 |
rgb(4,125,185) |
hsl(200,96%,37%) |
#036ca0 |
rgb(3,108,160) |
hsl(200,96%,32%) |
#035b87 |
rgb(3,91,135) |
hsl(200,96%,27%) |
#024a6e |
rgb(2,74,110) |
hsl(200,96%,22%) |
#023955 |
rgb(2,57,85) |
hsl(200,96%,17%) |
#01283c |
rgb(1,40,60) |
hsl(200,96%,12%) |
#011823 |
rgb(1,24,35) |
hsl(200,96%,7%) |
#00070a |
rgb(0,7,10) |
hsl(200,96%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#03A36C |
rgb(3,163,108) |
hsl(159,96%,33%) |
#036EA2 |
rgb(3,110,162) |
hsl(200,96%,32%) |
#0305A2 |
rgb(3,5,162) |
hsl(239,96%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#0380BB |
rgb(3,128,187) |
hsl(199,97%,37%) |
#036EA2 |
rgb(3,110,162) |
hsl(200,96%,32%) |
#025C88 |
rgb(2,92,136) |
hsl(200,97%,27%) |
#024A6E |
rgb(2,74,110) |
hsl(200,96%,22%) |
#013854 |
rgb(1,56,84) |
hsl(200,98%,17%) |
#01293A |
rgb(1,41,58) |
hsl(198,97%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#036EA2 |
rgb(3,110,162) |
hsl(200,96%,32%) |
#A2031E |
rgb(162,3,30) |
hsl(350,96%,32%) |
#A28703 |
rgb(162,135,3) |
hsl(50,96%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#036EA2 |
rgb(3,110,162) |
hsl(200,96%,32%) |
#A23803 |
rgb(162,56,3) |
hsl(20,96%,32%) |
#03A386 |
rgb(3,163,134) |
hsl(169,96%,33%) |
#A28703 |
rgb(162,135,3) |
hsl(50,96%,32%) |