HEX #2170D4 color — Mariner
The color #2170D4 is a dark shade and highly saturated.
Palette
2170D4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(214,73%,98%) |
#e0ebfa |
rgb(224,235,250) |
hsl(214,73%,93%) |
#caddf7 |
rgb(202,221,247) |
hsl(214,73%,88%) |
#b4cff3 |
rgb(180,207,243) |
hsl(214,73%,83%) |
#9ec1f0 |
rgb(158,193,240) |
hsl(214,73%,78%) |
#88b3ec |
rgb(136,179,236) |
hsl(214,73%,73%) |
#72a5e9 |
rgb(114,165,233) |
hsl(214,73%,68%) |
#5c97e6 |
rgb(92,151,230) |
hsl(214,73%,63%) |
#4689e2 |
rgb(70,137,226) |
hsl(214,73%,58%) |
#307bdf |
rgb(48,123,223) |
hsl(214,73%,53%) |
#216ed4 |
rgb(33,110,212) |
hsl(214,73%,48%) |
#1e63be |
rgb(30,99,190) |
hsl(214,73%,43%) |
#1a57a8 |
rgb(26,87,168) |
hsl(214,73%,38%) |
#174c92 |
rgb(23,76,146) |
hsl(214,73%,33%) |
#13407c |
rgb(19,64,124) |
hsl(214,73%,28%) |
#103565 |
rgb(16,53,101) |
hsl(214,73%,23%) |
#0c294f |
rgb(12,41,79) |
hsl(214,73%,18%) |
#091e39 |
rgb(9,30,57) |
hsl(214,73%,13%) |
#061223 |
rgb(6,18,35) |
hsl(214,73%,8%) |
#02070d |
rgb(2,7,13) |
hsl(214,73%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#21D4C0 |
rgb(33,212,192) |
hsl(173,73%,48%) |
#2170D4 |
rgb(33,112,212) |
hsl(214,73%,48%) |
#4921D4 |
rgb(73,33,212) |
hsl(253,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D99E5 |
rgb(93,153,229) |
hsl(214,72%,63%) |
#3B85E0 |
rgb(59,133,224) |
hsl(213,73%,55%) |
#2170D4 |
rgb(33,112,212) |
hsl(214,73%,48%) |
#1B5EB2 |
rgb(27,94,178) |
hsl(213,74%,40%) |
#164D90 |
rgb(22,77,144) |
hsl(213,73%,33%) |
#113B6E |
rgb(17,59,110) |
hsl(213,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2170D4 |
rgb(33,112,212) |
hsl(214,73%,48%) |
#D42B21 |
rgb(212,43,33) |
hsl(3,73%,48%) |
#C9D421 |
rgb(201,212,33) |
hsl(64,73%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2170D4 |
rgb(33,112,212) |
hsl(214,73%,48%) |
#D48521 |
rgb(212,133,33) |
hsl(34,73%,48%) |
#21C9D4 |
rgb(33,201,212) |
hsl(184,73%,48%) |
#C9D421 |
rgb(201,212,33) |
hsl(64,73%,48%) |