HEX #226BAA color — Matisse
The color #226BAA is a dark shade and moderately saturated.
Palette
226BAA color palette from light to dark
HEX |
RGB |
HSL |
#eaf3fb |
rgb(234,243,251) |
hsl(208,67%,95%) |
#d4e7f7 |
rgb(212,231,247) |
hsl(208,67%,90%) |
#bfdaf2 |
rgb(191,218,242) |
hsl(208,67%,85%) |
#aaceee |
rgb(170,206,238) |
hsl(208,67%,80%) |
#95c2ea |
rgb(149,194,234) |
hsl(208,67%,75%) |
#7fb6e6 |
rgb(127,182,230) |
hsl(208,67%,70%) |
#6aaae2 |
rgb(106,170,226) |
hsl(208,67%,65%) |
#559edd |
rgb(85,158,221) |
hsl(208,67%,60%) |
#3f91d9 |
rgb(63,145,217) |
hsl(208,67%,55%) |
#2a85d5 |
rgb(42,133,213) |
hsl(208,67%,50%) |
#2678c0 |
rgb(38,120,192) |
hsl(208,67%,45%) |
#226baa |
rgb(34,107,170) |
hsl(208,67%,40%) |
#1d5d95 |
rgb(29,93,149) |
hsl(208,67%,35%) |
#195080 |
rgb(25,80,128) |
hsl(208,67%,30%) |
#15436a |
rgb(21,67,106) |
hsl(208,67%,25%) |
#113555 |
rgb(17,53,85) |
hsl(208,67%,20%) |
#0d2840 |
rgb(13,40,64) |
hsl(208,67%,15%) |
#081b2b |
rgb(8,27,43) |
hsl(208,67%,10%) |
#040d15 |
rgb(4,13,21) |
hsl(208,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22AB8E |
rgb(34,171,142) |
hsl(167,67%,40%) |
#226BAA |
rgb(34,107,170) |
hsl(208,67%,40%) |
#3321AA |
rgb(51,33,170) |
hsl(248,67%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#277DC5 |
rgb(39,125,197) |
hsl(207,67%,46%) |
#226BAA |
rgb(34,107,170) |
hsl(208,67%,40%) |
#1C598E |
rgb(28,89,142) |
hsl(208,67%,33%) |
#174A73 |
rgb(23,74,115) |
hsl(207,67%,27%) |
#113858 |
rgb(17,56,88) |
hsl(207,68%,21%) |
#0C263D |
rgb(12,38,61) |
hsl(208,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#226BAA |
rgb(34,107,170) |
hsl(208,67%,40%) |
#AA2127 |
rgb(170,33,39) |
hsl(357,67%,40%) |
#AAA622 |
rgb(170,166,34) |
hsl(58,67%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226BAA |
rgb(34,107,170) |
hsl(208,67%,40%) |
#AA6122 |
rgb(170,97,34) |
hsl(28,67%,40%) |
#22ABA5 |
rgb(34,171,165) |
hsl(177,67%,40%) |
#AAA622 |
rgb(170,166,34) |
hsl(58,67%,40%) |