HEX #217AA2 color — Matisse
The color #217AA2 is a dark shade and moderately saturated.
Palette
217AA2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(199,66%,98%) |
#e1f1f9 |
rgb(225,241,249) |
hsl(199,66%,93%) |
#cce8f5 |
rgb(204,232,245) |
hsl(199,66%,88%) |
#b7def0 |
rgb(183,222,240) |
hsl(199,66%,83%) |
#a2d4ec |
rgb(162,212,236) |
hsl(199,66%,78%) |
#8dcbe8 |
rgb(141,203,232) |
hsl(199,66%,73%) |
#78c1e3 |
rgb(120,193,227) |
hsl(199,66%,68%) |
#62b7df |
rgb(98,183,223) |
hsl(199,66%,63%) |
#4daedb |
rgb(77,174,219) |
hsl(199,66%,58%) |
#38a4d6 |
rgb(56,164,214) |
hsl(199,66%,53%) |
#2a98cb |
rgb(42,152,203) |
hsl(199,66%,48%) |
#2588b6 |
rgb(37,136,182) |
hsl(199,66%,43%) |
#2178a1 |
rgb(33,120,161) |
hsl(199,66%,38%) |
#1d698c |
rgb(29,105,140) |
hsl(199,66%,33%) |
#185977 |
rgb(24,89,119) |
hsl(199,66%,28%) |
#144961 |
rgb(20,73,97) |
hsl(199,66%,23%) |
#10394c |
rgb(16,57,76) |
hsl(199,66%,18%) |
#0b2937 |
rgb(11,41,55) |
hsl(199,66%,13%) |
#071922 |
rgb(7,25,34) |
hsl(199,66%,8%) |
#030a0d |
rgb(3,10,13) |
hsl(199,66%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#21A374 |
rgb(33,163,116) |
hsl(158,66%,38%) |
#217AA2 |
rgb(33,122,162) |
hsl(199,66%,38%) |
#2124A2 |
rgb(33,36,162) |
hsl(239,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#268CBB |
rgb(38,140,187) |
hsl(199,66%,44%) |
#217AA2 |
rgb(33,122,162) |
hsl(199,66%,38%) |
#1B6688 |
rgb(27,102,136) |
hsl(199,67%,32%) |
#16546E |
rgb(22,84,110) |
hsl(198,67%,26%) |
#114054 |
rgb(17,64,84) |
hsl(198,66%,20%) |
#0B2B3A |
rgb(11,43,58) |
hsl(199,68%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#217AA2 |
rgb(33,122,162) |
hsl(199,66%,38%) |
#A22139 |
rgb(162,33,57) |
hsl(349,66%,38%) |
#A28A21 |
rgb(162,138,33) |
hsl(49,66%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#217AA2 |
rgb(33,122,162) |
hsl(199,66%,38%) |
#A24A21 |
rgb(162,74,33) |
hsl(19,66%,38%) |
#21A389 |
rgb(33,163,137) |
hsl(168,66%,38%) |
#A28A21 |
rgb(162,138,33) |
hsl(49,66%,38%) |