HEX #224CA0 color — Matisse
The color #224ca0 is a dark shade and moderately saturated.
Palette
224ca0 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(220,65%,98%) |
#e2e9f9 |
rgb(226,233,249) |
hsl(220,65%,93%) |
#cddaf4 |
rgb(205,218,244) |
hsl(220,65%,88%) |
#b7caf0 |
rgb(183,202,240) |
hsl(220,65%,83%) |
#a2bbeb |
rgb(162,187,235) |
hsl(220,65%,78%) |
#8dabe7 |
rgb(141,171,231) |
hsl(220,65%,73%) |
#789ce2 |
rgb(120,156,226) |
hsl(220,65%,68%) |
#638cde |
rgb(99,140,222) |
hsl(220,65%,63%) |
#4e7dda |
rgb(78,125,218) |
hsl(220,65%,58%) |
#396dd5 |
rgb(57,109,213) |
hsl(220,65%,53%) |
#2b60ca |
rgb(43,96,202) |
hsl(220,65%,48%) |
#2656b5 |
rgb(38,86,181) |
hsl(220,65%,43%) |
#224ca0 |
rgb(34,76,160) |
hsl(220,65%,38%) |
#1d428b |
rgb(29,66,139) |
hsl(220,65%,33%) |
#193876 |
rgb(25,56,118) |
hsl(220,65%,28%) |
#152e61 |
rgb(21,46,97) |
hsl(220,65%,23%) |
#10244c |
rgb(16,36,76) |
hsl(220,65%,18%) |
#0c1a37 |
rgb(12,26,55) |
hsl(220,65%,13%) |
#071022 |
rgb(7,16,34) |
hsl(220,65%,8%) |
#03060d |
rgb(3,6,13) |
hsl(220,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A1A0 |
rgb(34,161,160) |
hsl(180,65%,38%) |
#224CA0 |
rgb(34,76,160) |
hsl(220,65%,38%) |
#4C21A0 |
rgb(76,33,160) |
hsl(260,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2759B9 |
rgb(39,89,185) |
hsl(219,65%,44%) |
#224CA0 |
rgb(34,76,160) |
hsl(220,65%,38%) |
#1C4086 |
rgb(28,64,134) |
hsl(220,65%,32%) |
#17336C |
rgb(23,51,108) |
hsl(220,65%,26%) |
#112653 |
rgb(17,38,83) |
hsl(221,66%,20%) |
#0C1C39 |
rgb(12,28,57) |
hsl(219,65%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#224CA0 |
rgb(34,76,160) |
hsl(220,65%,38%) |
#A03822 |
rgb(160,56,34) |
hsl(10,65%,38%) |
#8BA122 |
rgb(139,161,34) |
hsl(70,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224CA0 |
rgb(34,76,160) |
hsl(220,65%,38%) |
#A07522 |
rgb(160,117,34) |
hsl(40,65%,38%) |
#228CA0 |
rgb(34,140,160) |
hsl(190,65%,38%) |
#8BA122 |
rgb(139,161,34) |
hsl(70,65%,38%) |