HEX #226EA8 color — Matisse
The color #226EA8 is a dark shade and moderately saturated.
Palette
226EA8 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf3fb |
rgb(234,243,251) |
hsl(206,66%,95%) |
| #d5e8f6 |
rgb(213,232,246) |
hsl(206,66%,90%) |
| #c0dcf2 |
rgb(192,220,242) |
hsl(206,66%,85%) |
| #aad0ee |
rgb(170,208,238) |
hsl(206,66%,80%) |
| #95c5e9 |
rgb(149,197,233) |
hsl(206,66%,75%) |
| #80b9e5 |
rgb(128,185,229) |
hsl(206,66%,70%) |
| #6baee1 |
rgb(107,174,225) |
hsl(206,66%,65%) |
| #56a2dc |
rgb(86,162,220) |
hsl(206,66%,60%) |
| #4196d8 |
rgb(65,150,216) |
hsl(206,66%,55%) |
| #2b8bd4 |
rgb(43,139,212) |
hsl(206,66%,50%) |
| #277dbe |
rgb(39,125,190) |
hsl(206,66%,45%) |
| #236fa9 |
rgb(35,111,169) |
hsl(206,66%,40%) |
| #1e6194 |
rgb(30,97,148) |
hsl(206,66%,35%) |
| #1a537f |
rgb(26,83,127) |
hsl(206,66%,30%) |
| #16456a |
rgb(22,69,106) |
hsl(206,66%,25%) |
| #113755 |
rgb(17,55,85) |
hsl(206,66%,20%) |
| #0d2a3f |
rgb(13,42,63) |
hsl(206,66%,15%) |
| #091c2a |
rgb(9,28,42) |
hsl(206,66%,10%) |
| #040e15 |
rgb(4,14,21) |
hsl(206,66%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22A888 |
rgb(34,168,136) |
hsl(166,66%,40%) |
| #226EA8 |
rgb(34,110,168) |
hsl(206,66%,40%) |
| #2F21A8 |
rgb(47,33,168) |
hsl(246,67%,39%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #2780C2 |
rgb(39,128,194) |
hsl(206,67%,46%) |
| #226EA8 |
rgb(34,110,168) |
hsl(206,66%,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 |
| #226EA8 |
rgb(34,110,168) |
hsl(206,66%,40%) |
| #A8212B |
rgb(168,33,43) |
hsl(356,67%,39%) |
| #A89E22 |
rgb(168,158,34) |
hsl(56,66%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #226EA8 |
rgb(34,110,168) |
hsl(206,66%,40%) |
| #A85C22 |
rgb(168,92,34) |
hsl(26,66%,40%) |
| #22A89F |
rgb(34,168,159) |
hsl(176,66%,40%) |
| #A89E22 |
rgb(168,158,34) |
hsl(56,66%,40%) |
