HEX #225A96 color — Matisse
The color #225a96 is a dark shade and moderately saturated.
Palette
225a96 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fb |
rgb(238,245,251) |
hsl(211,63%,96%) |
#dae8f7 |
rgb(218,232,247) |
hsl(211,63%,91%) |
#c5dbf2 |
rgb(197,219,242) |
hsl(211,63%,86%) |
#b0ceed |
rgb(176,206,237) |
hsl(211,63%,81%) |
#9bc1e8 |
rgb(155,193,232) |
hsl(211,63%,76%) |
#86b3e4 |
rgb(134,179,228) |
hsl(211,63%,71%) |
#72a6df |
rgb(114,166,223) |
hsl(211,63%,66%) |
#5d99da |
rgb(93,153,218) |
hsl(211,63%,61%) |
#488cd5 |
rgb(72,140,213) |
hsl(211,63%,56%) |
#337fd1 |
rgb(51,127,209) |
hsl(211,63%,51%) |
#2b73bf |
rgb(43,115,191) |
hsl(211,63%,46%) |
#2766aa |
rgb(39,102,170) |
hsl(211,63%,41%) |
#225a96 |
rgb(34,90,150) |
hsl(211,63%,36%) |
#1d4d81 |
rgb(29,77,129) |
hsl(211,63%,31%) |
#19416c |
rgb(25,65,108) |
hsl(211,63%,26%) |
#143457 |
rgb(20,52,87) |
hsl(211,63%,21%) |
#0f2843 |
rgb(15,40,67) |
hsl(211,63%,16%) |
#0a1b2e |
rgb(10,27,46) |
hsl(211,63%,11%) |
#060f19 |
rgb(6,15,25) |
hsl(211,63%,6%) |
#010204 |
rgb(1,2,4) |
hsl(211,63%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#229684 |
rgb(34,150,132) |
hsl(171,63%,36%) |
#225A96 |
rgb(34,90,150) |
hsl(211,63%,36%) |
#372196 |
rgb(55,33,150) |
hsl(251,64%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2769AE |
rgb(39,105,174) |
hsl(211,63%,42%) |
#225A96 |
rgb(34,90,150) |
hsl(211,63%,36%) |
#1C4D7E |
rgb(28,77,126) |
hsl(210,64%,30%) |
#173D66 |
rgb(23,61,102) |
hsl(211,63%,25%) |
#112E4E |
rgb(17,46,78) |
hsl(211,64%,19%) |
#0C2136 |
rgb(12,33,54) |
hsl(210,64%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#225A96 |
rgb(34,90,150) |
hsl(211,63%,36%) |
#962422 |
rgb(150,36,34) |
hsl(1,63%,36%) |
#949622 |
rgb(148,150,34) |
hsl(61,63%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225A96 |
rgb(34,90,150) |
hsl(211,63%,36%) |
#965E22 |
rgb(150,94,34) |
hsl(31,63%,36%) |
#229496 |
rgb(34,148,150) |
hsl(181,63%,36%) |
#949622 |
rgb(148,150,34) |
hsl(61,63%,36%) |