HEX #225EA0 color — Matisse
The color #225EA0 is a dark shade and moderately saturated.
Palette
225EA0 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(211,65%,98%) |
#e2edf9 |
rgb(226,237,249) |
hsl(211,65%,93%) |
#cde0f4 |
rgb(205,224,244) |
hsl(211,65%,88%) |
#b7d3f0 |
rgb(183,211,240) |
hsl(211,65%,83%) |
#a2c6eb |
rgb(162,198,235) |
hsl(211,65%,78%) |
#8db9e7 |
rgb(141,185,231) |
hsl(211,65%,73%) |
#78ace2 |
rgb(120,172,226) |
hsl(211,65%,68%) |
#639fde |
rgb(99,159,222) |
hsl(211,65%,63%) |
#4e92da |
rgb(78,146,218) |
hsl(211,65%,58%) |
#3985d5 |
rgb(57,133,213) |
hsl(211,65%,53%) |
#2b78ca |
rgb(43,120,202) |
hsl(211,65%,48%) |
#266bb5 |
rgb(38,107,181) |
hsl(211,65%,43%) |
#225fa0 |
rgb(34,95,160) |
hsl(211,65%,38%) |
#1d528b |
rgb(29,82,139) |
hsl(211,65%,33%) |
#194676 |
rgb(25,70,118) |
hsl(211,65%,28%) |
#153961 |
rgb(21,57,97) |
hsl(211,65%,23%) |
#102d4c |
rgb(16,45,76) |
hsl(211,65%,18%) |
#0c2037 |
rgb(12,32,55) |
hsl(211,65%,13%) |
#071422 |
rgb(7,20,34) |
hsl(211,65%,8%) |
#03070d |
rgb(3,7,13) |
hsl(211,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A18E |
rgb(34,161,142) |
hsl(171,65%,38%) |
#225EA0 |
rgb(34,94,160) |
hsl(211,65%,38%) |
#3A21A0 |
rgb(58,33,160) |
hsl(252,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#276EB9 |
rgb(39,110,185) |
hsl(211,65%,44%) |
#225EA0 |
rgb(34,94,160) |
hsl(211,65%,38%) |
#1C4F86 |
rgb(28,79,134) |
hsl(211,65%,32%) |
#17406C |
rgb(23,64,108) |
hsl(211,65%,26%) |
#113053 |
rgb(17,48,83) |
hsl(212,66%,20%) |
#0C2139 |
rgb(12,33,57) |
hsl(212,65%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#225EA0 |
rgb(34,94,160) |
hsl(211,65%,38%) |
#A02622 |
rgb(160,38,34) |
hsl(2,65%,38%) |
#9DA122 |
rgb(157,161,34) |
hsl(62,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225EA0 |
rgb(34,94,160) |
hsl(211,65%,38%) |
#A06322 |
rgb(160,99,34) |
hsl(31,65%,38%) |
#229EA0 |
rgb(34,158,160) |
hsl(181,65%,38%) |
#9DA122 |
rgb(157,161,34) |
hsl(62,65%,38%) |