HEX #2170A5 color — Matisse
The color #2170A5 is a dark shade and moderately saturated.
Palette
2170A5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(204,67%,99%) |
#e5f2fa |
rgb(229,242,250) |
hsl(204,67%,94%) |
#d0e7f6 |
rgb(208,231,246) |
hsl(204,67%,89%) |
#bbdcf2 |
rgb(187,220,242) |
hsl(204,67%,84%) |
#a6d1ed |
rgb(166,209,237) |
hsl(204,67%,79%) |
#90c6e9 |
rgb(144,198,233) |
hsl(204,67%,74%) |
#7bbbe5 |
rgb(123,187,229) |
hsl(204,67%,69%) |
#66b0e1 |
rgb(102,176,225) |
hsl(204,67%,64%) |
#50a4dc |
rgb(80,164,220) |
hsl(204,67%,59%) |
#3b99d8 |
rgb(59,153,216) |
hsl(204,67%,54%) |
#298ed1 |
rgb(41,142,209) |
hsl(204,67%,49%) |
#257fbb |
rgb(37,127,187) |
hsl(204,67%,44%) |
#2171a6 |
rgb(33,113,166) |
hsl(204,67%,39%) |
#1d6291 |
rgb(29,98,145) |
hsl(204,67%,34%) |
#18547b |
rgb(24,84,123) |
hsl(204,67%,29%) |
#144566 |
rgb(20,69,102) |
hsl(204,67%,24%) |
#103751 |
rgb(16,55,81) |
hsl(204,67%,19%) |
#0c283c |
rgb(12,40,60) |
hsl(204,67%,14%) |
#081a26 |
rgb(8,26,38) |
hsl(204,67%,9%) |
#030c11 |
rgb(3,12,17) |
hsl(204,67%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#21A682 |
rgb(33,166,130) |
hsl(164,67%,39%) |
#2170A5 |
rgb(33,112,165) |
hsl(204,67%,39%) |
#2A21A5 |
rgb(42,33,165) |
hsl(244,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2682BF |
rgb(38,130,191) |
hsl(204,67%,45%) |
#2170A5 |
rgb(33,112,165) |
hsl(204,67%,39%) |
#1B5E8A |
rgb(27,94,138) |
hsl(204,67%,32%) |
#164D70 |
rgb(22,77,112) |
hsl(203,67%,26%) |
#113B55 |
rgb(17,59,85) |
hsl(203,67%,20%) |
#0B293B |
rgb(11,41,59) |
hsl(203,69%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2170A5 |
rgb(33,112,165) |
hsl(204,67%,39%) |
#A5212E |
rgb(165,33,46) |
hsl(354,67%,39%) |
#A59921 |
rgb(165,153,33) |
hsl(55,67%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2170A5 |
rgb(33,112,165) |
hsl(204,67%,39%) |
#A55721 |
rgb(165,87,33) |
hsl(25,67%,39%) |
#21A698 |
rgb(33,166,152) |
hsl(174,67%,39%) |
#A59921 |
rgb(165,153,33) |
hsl(55,67%,39%) |