HEX #217CA6 color — Matisse
The color #217ca6 is a dark shade and moderately saturated.
Palette
217ca6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(199,67%,99%) |
#e5f3fa |
rgb(229,243,250) |
hsl(199,67%,94%) |
#d0eaf6 |
rgb(208,234,246) |
hsl(199,67%,89%) |
#bbe0f2 |
rgb(187,224,242) |
hsl(199,67%,84%) |
#a6d7ed |
rgb(166,215,237) |
hsl(199,67%,79%) |
#90cde9 |
rgb(144,205,233) |
hsl(199,67%,74%) |
#7bc3e5 |
rgb(123,195,229) |
hsl(199,67%,69%) |
#66bae1 |
rgb(102,186,225) |
hsl(199,67%,64%) |
#50b0dc |
rgb(80,176,220) |
hsl(199,67%,59%) |
#3ba7d8 |
rgb(59,167,216) |
hsl(199,67%,54%) |
#299cd1 |
rgb(41,156,209) |
hsl(199,67%,49%) |
#258cbb |
rgb(37,140,187) |
hsl(199,67%,44%) |
#217ca6 |
rgb(33,124,166) |
hsl(199,67%,39%) |
#1d6c91 |
rgb(29,108,145) |
hsl(199,67%,34%) |
#185c7b |
rgb(24,92,123) |
hsl(199,67%,29%) |
#144c66 |
rgb(20,76,102) |
hsl(199,67%,24%) |
#103c51 |
rgb(16,60,81) |
hsl(199,67%,19%) |
#0c2c3c |
rgb(12,44,60) |
hsl(199,67%,14%) |
#081d26 |
rgb(8,29,38) |
hsl(199,67%,9%) |
#030d11 |
rgb(3,13,17) |
hsl(199,67%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#21A677 |
rgb(33,166,119) |
hsl(159,67%,39%) |
#217CA6 |
rgb(33,124,166) |
hsl(199,67%,39%) |
#2124A6 |
rgb(33,36,166) |
hsl(239,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#268FC0 |
rgb(38,143,192) |
hsl(199,67%,45%) |
#217CA6 |
rgb(33,124,166) |
hsl(199,67%,39%) |
#1B698B |
rgb(27,105,139) |
hsl(198,67%,33%) |
#165470 |
rgb(22,84,112) |
hsl(199,67%,26%) |
#114056 |
rgb(17,64,86) |
hsl(199,67%,20%) |
#0B2E3B |
rgb(11,46,59) |
hsl(196,69%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#217CA6 |
rgb(33,124,166) |
hsl(199,67%,39%) |
#A62139 |
rgb(166,33,57) |
hsl(349,67%,39%) |
#A68C21 |
rgb(166,140,33) |
hsl(48,67%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#217CA6 |
rgb(33,124,166) |
hsl(199,67%,39%) |
#A64A21 |
rgb(166,74,33) |
hsl(18,67%,39%) |
#21A68D |
rgb(33,166,141) |
hsl(169,67%,39%) |
#A68C21 |
rgb(166,140,33) |
hsl(48,67%,39%) |