HEX #224F9F color — Matisse
The color #224F9F is a dark shade and moderately saturated.
Palette
224F9F color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(218,65%,98%) |
#e2eaf9 |
rgb(226,234,249) |
hsl(218,65%,93%) |
#cddbf4 |
rgb(205,219,244) |
hsl(218,65%,88%) |
#b7ccf0 |
rgb(183,204,240) |
hsl(218,65%,83%) |
#a2bdeb |
rgb(162,189,235) |
hsl(218,65%,78%) |
#8daee7 |
rgb(141,174,231) |
hsl(218,65%,73%) |
#789fe2 |
rgb(120,159,226) |
hsl(218,65%,68%) |
#6390de |
rgb(99,144,222) |
hsl(218,65%,63%) |
#4e81da |
rgb(78,129,218) |
hsl(218,65%,58%) |
#3972d5 |
rgb(57,114,213) |
hsl(218,65%,53%) |
#2b65ca |
rgb(43,101,202) |
hsl(218,65%,48%) |
#265bb5 |
rgb(38,91,181) |
hsl(218,65%,43%) |
#2250a0 |
rgb(34,80,160) |
hsl(218,65%,38%) |
#1d468b |
rgb(29,70,139) |
hsl(218,65%,33%) |
#193b76 |
rgb(25,59,118) |
hsl(218,65%,28%) |
#153061 |
rgb(21,48,97) |
hsl(218,65%,23%) |
#10264c |
rgb(16,38,76) |
hsl(218,65%,18%) |
#0c1b37 |
rgb(12,27,55) |
hsl(218,65%,13%) |
#071122 |
rgb(7,17,34) |
hsl(218,65%,8%) |
#03060d |
rgb(3,6,13) |
hsl(218,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#229E9B |
rgb(34,158,155) |
hsl(179,65%,38%) |
#224F9F |
rgb(34,79,159) |
hsl(218,65%,38%) |
#48219F |
rgb(72,33,159) |
hsl(259,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#275CB8 |
rgb(39,92,184) |
hsl(218,65%,44%) |
#224F9F |
rgb(34,79,159) |
hsl(218,65%,38%) |
#1C4285 |
rgb(28,66,133) |
hsl(218,65%,32%) |
#17366C |
rgb(23,54,108) |
hsl(218,65%,26%) |
#112952 |
rgb(17,41,82) |
hsl(218,66%,19%) |
#0C1C39 |
rgb(12,28,57) |
hsl(219,65%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#224F9F |
rgb(34,79,159) |
hsl(218,65%,38%) |
#9F3322 |
rgb(159,51,34) |
hsl(8,65%,38%) |
#8D9E22 |
rgb(141,158,34) |
hsl(68,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224F9F |
rgb(34,79,159) |
hsl(218,65%,38%) |
#9F7322 |
rgb(159,115,34) |
hsl(39,65%,38%) |
#228C9F |
rgb(34,140,159) |
hsl(189,65%,38%) |
#8D9E22 |
rgb(141,158,34) |
hsl(68,65%,38%) |