HEX #225C96 color — Matisse
The color #225c96 is a dark shade and moderately saturated.
Palette
225c96 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fb |
rgb(238,245,251) |
hsl(210,63%,96%) |
#dae8f7 |
rgb(218,232,247) |
hsl(210,63%,91%) |
#c5dbf2 |
rgb(197,219,242) |
hsl(210,63%,86%) |
#b0cfed |
rgb(176,207,237) |
hsl(210,63%,81%) |
#9bc2e8 |
rgb(155,194,232) |
hsl(210,63%,76%) |
#86b5e4 |
rgb(134,181,228) |
hsl(210,63%,71%) |
#72a8df |
rgb(114,168,223) |
hsl(210,63%,66%) |
#5d9cda |
rgb(93,156,218) |
hsl(210,63%,61%) |
#488fd5 |
rgb(72,143,213) |
hsl(210,63%,56%) |
#3382d1 |
rgb(51,130,209) |
hsl(210,63%,51%) |
#2b75bf |
rgb(43,117,191) |
hsl(210,63%,46%) |
#2769aa |
rgb(39,105,170) |
hsl(210,63%,41%) |
#225c96 |
rgb(34,92,150) |
hsl(210,63%,36%) |
#1d4f81 |
rgb(29,79,129) |
hsl(210,63%,31%) |
#19426c |
rgb(25,66,108) |
hsl(210,63%,26%) |
#143657 |
rgb(20,54,87) |
hsl(210,63%,21%) |
#0f2943 |
rgb(15,41,67) |
hsl(210,63%,16%) |
#0a1c2e |
rgb(10,28,46) |
hsl(210,63%,11%) |
#060f19 |
rgb(6,15,25) |
hsl(210,63%,6%) |
#010304 |
rgb(1,3,4) |
hsl(210,63%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#229682 |
rgb(34,150,130) |
hsl(170,63%,36%) |
#225C96 |
rgb(34,92,150) |
hsl(210,63%,36%) |
#352196 |
rgb(53,33,150) |
hsl(250,64%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#276BAE |
rgb(39,107,174) |
hsl(210,63%,42%) |
#225C96 |
rgb(34,92,150) |
hsl(210,63%,36%) |
#1C4D7E |
rgb(28,77,126) |
hsl(210,64%,30%) |
#174066 |
rgb(23,64,102) |
hsl(209,63%,25%) |
#11304E |
rgb(17,48,78) |
hsl(210,64%,19%) |
#0C2136 |
rgb(12,33,54) |
hsl(210,64%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#225C96 |
rgb(34,92,150) |
hsl(210,63%,36%) |
#962122 |
rgb(150,33,34) |
hsl(359,64%,36%) |
#969622 |
rgb(150,150,34) |
hsl(60,63%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225C96 |
rgb(34,92,150) |
hsl(210,63%,36%) |
#965C22 |
rgb(150,92,34) |
hsl(30,63%,36%) |
#229696 |
rgb(34,150,150) |
hsl(180,63%,36%) |
#969622 |
rgb(150,150,34) |
hsl(60,63%,36%) |