HEX #2170BD color — Mariner
The color #2170BD is a dark shade and highly saturated.
Palette
2170BD color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(210,70%,99%) |
#e5f0fa |
rgb(229,240,250) |
hsl(210,70%,94%) |
#cfe3f7 |
rgb(207,227,247) |
hsl(210,70%,89%) |
#bad6f3 |
rgb(186,214,243) |
hsl(210,70%,84%) |
#a4c9ef |
rgb(164,201,239) |
hsl(210,70%,79%) |
#8ebdeb |
rgb(142,189,235) |
hsl(210,70%,74%) |
#79b0e7 |
rgb(121,176,231) |
hsl(210,70%,69%) |
#63a3e3 |
rgb(99,163,227) |
hsl(210,70%,64%) |
#4d96e0 |
rgb(77,150,224) |
hsl(210,70%,59%) |
#388adc |
rgb(56,138,220) |
hsl(210,70%,54%) |
#257dd4 |
rgb(37,125,212) |
hsl(210,70%,49%) |
#2270bf |
rgb(34,112,191) |
hsl(210,70%,44%) |
#1e63a9 |
rgb(30,99,169) |
hsl(210,70%,39%) |
#1a5793 |
rgb(26,87,147) |
hsl(210,70%,34%) |
#164a7e |
rgb(22,74,126) |
hsl(210,70%,29%) |
#123d68 |
rgb(18,61,104) |
hsl(210,70%,24%) |
#0f3052 |
rgb(15,48,82) |
hsl(210,70%,19%) |
#0b243d |
rgb(11,36,61) |
hsl(210,70%,14%) |
#071727 |
rgb(7,23,39) |
hsl(210,70%,9%) |
#030a11 |
rgb(3,10,17) |
hsl(210,70%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#21BDA2 |
rgb(33,189,162) |
hsl(170,70%,44%) |
#2170BD |
rgb(33,112,189) |
hsl(210,70%,44%) |
#3A21BD |
rgb(58,33,189) |
hsl(250,70%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4694DE |
rgb(70,148,222) |
hsl(209,70%,57%) |
#2882D9 |
rgb(40,130,217) |
hsl(209,70%,50%) |
#2170BD |
rgb(33,112,189) |
hsl(210,70%,44%) |
#1B5E9E |
rgb(27,94,158) |
hsl(209,71%,36%) |
#164D80 |
rgb(22,77,128) |
hsl(209,71%,29%) |
#113B62 |
rgb(17,59,98) |
hsl(209,70%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2170BD |
rgb(33,112,189) |
hsl(210,70%,44%) |
#BD2122 |
rgb(189,33,34) |
hsl(360,70%,44%) |
#BDBD21 |
rgb(189,189,33) |
hsl(60,70%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2170BD |
rgb(33,112,189) |
hsl(210,70%,44%) |
#BD6E21 |
rgb(189,110,33) |
hsl(30,70%,44%) |
#21BDBC |
rgb(33,189,188) |
hsl(180,70%,44%) |
#BDBD21 |
rgb(189,189,33) |
hsl(60,70%,44%) |