HEX #225E9A color — Matisse
The color #225E9A is a dark shade and moderately saturated.
Palette
225E9A color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(210,64%,97%) |
#deebf8 |
rgb(222,235,248) |
hsl(210,64%,92%) |
#c9def3 |
rgb(201,222,243) |
hsl(210,64%,87%) |
#b4d1ee |
rgb(180,209,238) |
hsl(210,64%,82%) |
#9fc4ea |
rgb(159,196,234) |
hsl(210,64%,77%) |
#8ab8e5 |
rgb(138,184,229) |
hsl(210,64%,72%) |
#75abe1 |
rgb(117,171,225) |
hsl(210,64%,67%) |
#609edc |
rgb(96,158,220) |
hsl(210,64%,62%) |
#4b91d8 |
rgb(75,145,216) |
hsl(210,64%,57%) |
#3685d3 |
rgb(54,133,211) |
hsl(210,64%,52%) |
#2b78c5 |
rgb(43,120,197) |
hsl(210,64%,47%) |
#276bb0 |
rgb(39,107,176) |
hsl(210,64%,42%) |
#225e9b |
rgb(34,94,155) |
hsl(210,64%,37%) |
#1d5286 |
rgb(29,82,134) |
hsl(210,64%,32%) |
#194571 |
rgb(25,69,113) |
hsl(210,64%,27%) |
#14385c |
rgb(20,56,92) |
hsl(210,64%,22%) |
#102b47 |
rgb(16,43,71) |
hsl(210,64%,17%) |
#0b1f32 |
rgb(11,31,50) |
hsl(210,64%,12%) |
#06121d |
rgb(6,18,29) |
hsl(210,64%,7%) |
#020508 |
rgb(2,5,8) |
hsl(210,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#229986 |
rgb(34,153,134) |
hsl(170,64%,37%) |
#225E9A |
rgb(34,94,154) |
hsl(210,64%,37%) |
#36219A |
rgb(54,33,154) |
hsl(250,65%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#276EB2 |
rgb(39,110,178) |
hsl(209,64%,43%) |
#225E9A |
rgb(34,94,154) |
hsl(210,64%,37%) |
#1C4F81 |
rgb(28,79,129) |
hsl(210,64%,31%) |
#174068 |
rgb(23,64,104) |
hsl(210,64%,25%) |
#113050 |
rgb(17,48,80) |
hsl(210,65%,19%) |
#0C2137 |
rgb(12,33,55) |
hsl(211,64%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#225E9A |
rgb(34,94,154) |
hsl(210,64%,37%) |
#9A2122 |
rgb(154,33,34) |
hsl(360,65%,37%) |
#9A9922 |
rgb(154,153,34) |
hsl(60,64%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225E9A |
rgb(34,94,154) |
hsl(210,64%,37%) |
#9A5E22 |
rgb(154,94,34) |
hsl(30,64%,37%) |
#22999A |
rgb(34,153,154) |
hsl(181,64%,37%) |
#9A9922 |
rgb(154,153,34) |
hsl(60,64%,37%) |