HEX #225FAA color — Matisse
The color #225faa is a dark shade and moderately saturated.
Palette
225faa color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(213,67%,95%) |
#d4e4f7 |
rgb(212,228,247) |
hsl(213,67%,90%) |
#bfd6f2 |
rgb(191,214,242) |
hsl(213,67%,85%) |
#aac9ee |
rgb(170,201,238) |
hsl(213,67%,80%) |
#95bbea |
rgb(149,187,234) |
hsl(213,67%,75%) |
#7fade6 |
rgb(127,173,230) |
hsl(213,67%,70%) |
#6aa0e2 |
rgb(106,160,226) |
hsl(213,67%,65%) |
#5592dd |
rgb(85,146,221) |
hsl(213,67%,60%) |
#3f85d9 |
rgb(63,133,217) |
hsl(213,67%,55%) |
#2a77d5 |
rgb(42,119,213) |
hsl(213,67%,50%) |
#266bc0 |
rgb(38,107,192) |
hsl(213,67%,45%) |
#225faa |
rgb(34,95,170) |
hsl(213,67%,40%) |
#1d5395 |
rgb(29,83,149) |
hsl(213,67%,35%) |
#194780 |
rgb(25,71,128) |
hsl(213,67%,30%) |
#153b6a |
rgb(21,59,106) |
hsl(213,67%,25%) |
#113055 |
rgb(17,48,85) |
hsl(213,67%,20%) |
#0d2440 |
rgb(13,36,64) |
hsl(213,67%,15%) |
#08182b |
rgb(8,24,43) |
hsl(213,67%,10%) |
#040c15 |
rgb(4,12,21) |
hsl(213,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22AB9A |
rgb(34,171,154) |
hsl(173,67%,40%) |
#225FAA |
rgb(34,95,170) |
hsl(213,67%,40%) |
#3F21AA |
rgb(63,33,170) |
hsl(253,67%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#276EC5 |
rgb(39,110,197) |
hsl(213,67%,46%) |
#225FAA |
rgb(34,95,170) |
hsl(213,67%,40%) |
#1C4F8E |
rgb(28,79,142) |
hsl(213,67%,33%) |
#174073 |
rgb(23,64,115) |
hsl(213,67%,27%) |
#113058 |
rgb(17,48,88) |
hsl(214,68%,21%) |
#0C213D |
rgb(12,33,61) |
hsl(214,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#225FAA |
rgb(34,95,170) |
hsl(213,67%,40%) |
#AA2922 |
rgb(170,41,34) |
hsl(3,67%,40%) |
#A3AB22 |
rgb(163,171,34) |
hsl(64,67%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225FAA |
rgb(34,95,170) |
hsl(213,67%,40%) |
#AA6E22 |
rgb(170,110,34) |
hsl(34,67%,40%) |
#22A3AA |
rgb(34,163,170) |
hsl(183,67%,40%) |
#A3AB22 |
rgb(163,171,34) |
hsl(64,67%,40%) |