HEX #225E9B color — Matisse
The color #225E9B is a dark shade and moderately saturated.
Palette
225E9B 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 |
#229C87 |
rgb(34,156,135) |
hsl(170,64%,37%) |
#225E9B |
rgb(34,94,155) |
hsl(210,64%,37%) |
#36219B |
rgb(54,33,155) |
hsl(250,65%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#276EB3 |
rgb(39,110,179) |
hsl(210,64%,43%) |
#225E9B |
rgb(34,94,155) |
hsl(210,64%,37%) |
#1C4F82 |
rgb(28,79,130) |
hsl(210,65%,31%) |
#174069 |
rgb(23,64,105) |
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 |
#225E9B |
rgb(34,94,155) |
hsl(210,64%,37%) |
#9B2422 |
rgb(155,36,34) |
hsl(1,64%,37%) |
#9A9C22 |
rgb(154,156,34) |
hsl(61,64%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225E9B |
rgb(34,94,155) |
hsl(210,64%,37%) |
#9B5E22 |
rgb(155,94,34) |
hsl(30,64%,37%) |
#229C9B |
rgb(34,156,155) |
hsl(180,64%,37%) |
#9A9C22 |
rgb(154,156,34) |
hsl(61,64%,37%) |