HEX #224F9B color — Matisse
The color #224F9B is a dark shade and moderately saturated.
Palette
224F9B color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(218,64%,97%) |
#dee7f8 |
rgb(222,231,248) |
hsl(218,64%,92%) |
#c9d8f3 |
rgb(201,216,243) |
hsl(218,64%,87%) |
#b4c9ee |
rgb(180,201,238) |
hsl(218,64%,82%) |
#9fbaea |
rgb(159,186,234) |
hsl(218,64%,77%) |
#8aabe5 |
rgb(138,171,229) |
hsl(218,64%,72%) |
#759ce1 |
rgb(117,156,225) |
hsl(218,64%,67%) |
#608edc |
rgb(96,142,220) |
hsl(218,64%,62%) |
#4b7fd8 |
rgb(75,127,216) |
hsl(218,64%,57%) |
#3670d3 |
rgb(54,112,211) |
hsl(218,64%,52%) |
#2b63c5 |
rgb(43,99,197) |
hsl(218,64%,47%) |
#2759b0 |
rgb(39,89,176) |
hsl(218,64%,42%) |
#224e9b |
rgb(34,78,155) |
hsl(218,64%,37%) |
#1d4486 |
rgb(29,68,134) |
hsl(218,64%,32%) |
#193971 |
rgb(25,57,113) |
hsl(218,64%,27%) |
#142f5c |
rgb(20,47,92) |
hsl(218,64%,22%) |
#102447 |
rgb(16,36,71) |
hsl(218,64%,17%) |
#0b1932 |
rgb(11,25,50) |
hsl(218,64%,12%) |
#060f1d |
rgb(6,15,29) |
hsl(218,64%,7%) |
#020408 |
rgb(2,4,8) |
hsl(218,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#229C96 |
rgb(34,156,150) |
hsl(177,64%,37%) |
#224F9B |
rgb(34,79,155) |
hsl(218,64%,37%) |
#45219B |
rgb(69,33,155) |
hsl(258,65%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#275CB3 |
rgb(39,92,179) |
hsl(217,64%,43%) |
#224F9B |
rgb(34,79,155) |
hsl(218,64%,37%) |
#1C4282 |
rgb(28,66,130) |
hsl(218,65%,31%) |
#173669 |
rgb(23,54,105) |
hsl(217,64%,25%) |
#112950 |
rgb(17,41,80) |
hsl(217,65%,19%) |
#0C1C37 |
rgb(12,28,55) |
hsl(218,64%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#224F9B |
rgb(34,79,155) |
hsl(218,64%,37%) |
#9B3022 |
rgb(155,48,34) |
hsl(7,64%,37%) |
#8B9C22 |
rgb(139,156,34) |
hsl(68,64%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224F9B |
rgb(34,79,155) |
hsl(218,64%,37%) |
#9B6E22 |
rgb(155,110,34) |
hsl(38,64%,37%) |
#228C9B |
rgb(34,140,155) |
hsl(187,64%,37%) |
#8B9C22 |
rgb(139,156,34) |
hsl(68,64%,37%) |