HEX #226FAA color — Matisse
The color #226faa is a dark shade and moderately saturated.
Palette
226faa 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 |
#22AB8A |
rgb(34,171,138) |
hsl(166,67%,40%) |
#226FAA |
rgb(34,111,170) |
hsl(206,67%,40%) |
#2F21AA |
rgb(47,33,170) |
hsl(246,67%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2780C5 |
rgb(39,128,197) |
hsl(206,67%,46%) |
#226FAA |
rgb(34,111,170) |
hsl(206,67%,40%) |
#1C5E8E |
rgb(28,94,142) |
hsl(205,67%,33%) |
#174D73 |
rgb(23,77,115) |
hsl(205,67%,27%) |
#113B58 |
rgb(17,59,88) |
hsl(205,68%,21%) |
#0C293D |
rgb(12,41,61) |
hsl(204,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#226FAA |
rgb(34,111,170) |
hsl(206,67%,40%) |
#AA212B |
rgb(170,33,43) |
hsl(356,67%,40%) |
#AAA122 |
rgb(170,161,34) |
hsl(56,67%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226FAA |
rgb(34,111,170) |
hsl(206,67%,40%) |
#AA5C22 |
rgb(170,92,34) |
hsl(26,67%,40%) |
#22ABA1 |
rgb(34,171,161) |
hsl(176,67%,40%) |
#AAA122 |
rgb(170,161,34) |
hsl(56,67%,40%) |