HEX #226EAA color — Matisse
The color #226EAA is a dark shade and moderately saturated.
Palette
226EAA color palette from light to dark
HEX |
RGB |
HSL |
#eaf3fb |
rgb(234,243,251) |
hsl(206,67%,95%) |
#d4e8f7 |
rgb(212,232,247) |
hsl(206,67%,90%) |
#bfdcf2 |
rgb(191,220,242) |
hsl(206,67%,85%) |
#aad1ee |
rgb(170,209,238) |
hsl(206,67%,80%) |
#95c5ea |
rgb(149,197,234) |
hsl(206,67%,75%) |
#7fb9e6 |
rgb(127,185,230) |
hsl(206,67%,70%) |
#6aaee2 |
rgb(106,174,226) |
hsl(206,67%,65%) |
#55a2dd |
rgb(85,162,221) |
hsl(206,67%,60%) |
#3f97d9 |
rgb(63,151,217) |
hsl(206,67%,55%) |
#2a8bd5 |
rgb(42,139,213) |
hsl(206,67%,50%) |
#267dc0 |
rgb(38,125,192) |
hsl(206,67%,45%) |
#226faa |
rgb(34,111,170) |
hsl(206,67%,40%) |
#1d6195 |
rgb(29,97,149) |
hsl(206,67%,35%) |
#195380 |
rgb(25,83,128) |
hsl(206,67%,30%) |
#15456a |
rgb(21,69,106) |
hsl(206,67%,25%) |
#113855 |
rgb(17,56,85) |
hsl(206,67%,20%) |
#0d2a40 |
rgb(13,42,64) |
hsl(206,67%,15%) |
#081c2b |
rgb(8,28,43) |
hsl(206,67%,10%) |
#040e15 |
rgb(4,14,21) |
hsl(206,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22AB8B |
rgb(34,171,139) |
hsl(166,67%,40%) |
#226EAA |
rgb(34,110,170) |
hsl(206,67%,40%) |
#3021AA |
rgb(48,33,170) |
hsl(247,67%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2780C5 |
rgb(39,128,197) |
hsl(206,67%,46%) |
#226EAA |
rgb(34,110,170) |
hsl(206,67%,40%) |
#1C5C8E |
rgb(28,92,142) |
hsl(206,67%,33%) |
#174A73 |
rgb(23,74,115) |
hsl(207,67%,27%) |
#113858 |
rgb(17,56,88) |
hsl(207,68%,21%) |
#0C293D |
rgb(12,41,61) |
hsl(204,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#226EAA |
rgb(34,110,170) |
hsl(206,67%,40%) |
#AA212A |
rgb(170,33,42) |
hsl(356,67%,40%) |
#AAA322 |
rgb(170,163,34) |
hsl(57,67%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226EAA |
rgb(34,110,170) |
hsl(206,67%,40%) |
#AA5E22 |
rgb(170,94,34) |
hsl(26,67%,40%) |
#22ABA2 |
rgb(34,171,162) |
hsl(176,67%,40%) |
#AAA322 |
rgb(170,163,34) |
hsl(57,67%,40%) |