HEX #226BA8 color — Matisse
The color #226BA8 is a dark shade and moderately saturated.
Palette
226BA8 color palette from light to dark
HEX |
RGB |
HSL |
#eaf3fb |
rgb(234,243,251) |
hsl(207,66%,95%) |
#d5e7f6 |
rgb(213,231,246) |
hsl(207,66%,90%) |
#c0dbf2 |
rgb(192,219,242) |
hsl(207,66%,85%) |
#aacfee |
rgb(170,207,238) |
hsl(207,66%,80%) |
#95c3e9 |
rgb(149,195,233) |
hsl(207,66%,75%) |
#80b8e5 |
rgb(128,184,229) |
hsl(207,66%,70%) |
#6bace1 |
rgb(107,172,225) |
hsl(207,66%,65%) |
#56a0dc |
rgb(86,160,220) |
hsl(207,66%,60%) |
#4194d8 |
rgb(65,148,216) |
hsl(207,66%,55%) |
#2b88d4 |
rgb(43,136,212) |
hsl(207,66%,50%) |
#277abe |
rgb(39,122,190) |
hsl(207,66%,45%) |
#236da9 |
rgb(35,109,169) |
hsl(207,66%,40%) |
#1e5f94 |
rgb(30,95,148) |
hsl(207,66%,35%) |
#1a527f |
rgb(26,82,127) |
hsl(207,66%,30%) |
#16446a |
rgb(22,68,106) |
hsl(207,66%,25%) |
#113655 |
rgb(17,54,85) |
hsl(207,66%,20%) |
#0d293f |
rgb(13,41,63) |
hsl(207,66%,15%) |
#091b2a |
rgb(9,27,42) |
hsl(207,66%,10%) |
#040e15 |
rgb(4,14,21) |
hsl(207,66%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A88B |
rgb(34,168,139) |
hsl(167,66%,40%) |
#226BA8 |
rgb(34,107,168) |
hsl(207,66%,40%) |
#3221A8 |
rgb(50,33,168) |
hsl(248,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#277DC2 |
rgb(39,125,194) |
hsl(207,67%,46%) |
#226BA8 |
rgb(34,107,168) |
hsl(207,66%,40%) |
#1C598D |
rgb(28,89,141) |
hsl(208,67%,33%) |
#174A72 |
rgb(23,74,114) |
hsl(206,66%,27%) |
#113857 |
rgb(17,56,87) |
hsl(207,67%,20%) |
#0C263C |
rgb(12,38,60) |
hsl(208,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#226BA8 |
rgb(34,107,168) |
hsl(207,66%,40%) |
#A82128 |
rgb(168,33,40) |
hsl(357,67%,39%) |
#A8A322 |
rgb(168,163,34) |
hsl(58,66%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226BA8 |
rgb(34,107,168) |
hsl(207,66%,40%) |
#A85E22 |
rgb(168,94,34) |
hsl(27,66%,40%) |
#22A8A2 |
rgb(34,168,162) |
hsl(177,66%,40%) |
#A8A322 |
rgb(168,163,34) |
hsl(58,66%,40%) |