HEX #226EA9 color — Matisse
The color #226EA9 is a dark shade and moderately saturated.
Palette
226EA9 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 |
#22A88A |
rgb(34,168,138) |
hsl(167,66%,40%) |
#226EA9 |
rgb(34,110,169) |
hsl(206,67%,40%) |
#3021A9 |
rgb(48,33,169) |
hsl(247,67%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2780C4 |
rgb(39,128,196) |
hsl(206,67%,46%) |
#226EA9 |
rgb(34,110,169) |
hsl(206,67%,40%) |
#1C5C8D |
rgb(28,92,141) |
hsl(206,67%,33%) |
#174A72 |
rgb(23,74,114) |
hsl(206,66%,27%) |
#113857 |
rgb(17,56,87) |
hsl(207,67%,20%) |
#0C293C |
rgb(12,41,60) |
hsl(204,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#226EA9 |
rgb(34,110,169) |
hsl(206,67%,40%) |
#A9212A |
rgb(169,33,42) |
hsl(356,67%,40%) |
#A9A122 |
rgb(169,161,34) |
hsl(56,67%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226EA9 |
rgb(34,110,169) |
hsl(206,67%,40%) |
#A95C22 |
rgb(169,92,34) |
hsl(26,67%,40%) |
#22A8A0 |
rgb(34,168,160) |
hsl(176,66%,40%) |
#A9A122 |
rgb(169,161,34) |
hsl(56,67%,40%) |