HEX #217DA5 color — Matisse
The color #217DA5 is a dark shade and moderately saturated.
Palette
217DA5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(198,67%,99%) |
#e5f4fa |
rgb(229,244,250) |
hsl(198,67%,94%) |
#d0eaf6 |
rgb(208,234,246) |
hsl(198,67%,89%) |
#bbe1f2 |
rgb(187,225,242) |
hsl(198,67%,84%) |
#a6d8ed |
rgb(166,216,237) |
hsl(198,67%,79%) |
#90cee9 |
rgb(144,206,233) |
hsl(198,67%,74%) |
#7bc5e5 |
rgb(123,197,229) |
hsl(198,67%,69%) |
#66bce1 |
rgb(102,188,225) |
hsl(198,67%,64%) |
#50b2dc |
rgb(80,178,220) |
hsl(198,67%,59%) |
#3ba9d8 |
rgb(59,169,216) |
hsl(198,67%,54%) |
#299ed1 |
rgb(41,158,209) |
hsl(198,67%,49%) |
#258ebb |
rgb(37,142,187) |
hsl(198,67%,44%) |
#217ea6 |
rgb(33,126,166) |
hsl(198,67%,39%) |
#1d6e91 |
rgb(29,110,145) |
hsl(198,67%,34%) |
#185e7b |
rgb(24,94,123) |
hsl(198,67%,29%) |
#144e66 |
rgb(20,78,102) |
hsl(198,67%,24%) |
#103d51 |
rgb(16,61,81) |
hsl(198,67%,19%) |
#0c2d3c |
rgb(12,45,60) |
hsl(198,67%,14%) |
#081d26 |
rgb(8,29,38) |
hsl(198,67%,9%) |
#030d11 |
rgb(3,13,17) |
hsl(198,67%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#21A675 |
rgb(33,166,117) |
hsl(158,67%,39%) |
#217DA5 |
rgb(33,125,165) |
hsl(198,67%,39%) |
#2126A5 |
rgb(33,38,165) |
hsl(238,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2691BF |
rgb(38,145,191) |
hsl(198,67%,45%) |
#217DA5 |
rgb(33,125,165) |
hsl(198,67%,39%) |
#1B698A |
rgb(27,105,138) |
hsl(198,67%,32%) |
#165470 |
rgb(22,84,112) |
hsl(199,67%,26%) |
#114055 |
rgb(17,64,85) |
hsl(199,67%,20%) |
#0B2E3B |
rgb(11,46,59) |
hsl(196,69%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#217DA5 |
rgb(33,125,165) |
hsl(198,67%,39%) |
#A5213B |
rgb(165,33,59) |
hsl(348,67%,39%) |
#A58C21 |
rgb(165,140,33) |
hsl(49,67%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#217DA5 |
rgb(33,125,165) |
hsl(198,67%,39%) |
#A54A21 |
rgb(165,74,33) |
hsl(19,67%,39%) |
#21A68B |
rgb(33,166,139) |
hsl(168,67%,39%) |
#A58C21 |
rgb(165,140,33) |
hsl(49,67%,39%) |