HEX #226EA5 color — Matisse
The color #226ea5 is a dark shade and moderately saturated.
Palette
226ea5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(205,66%,99%) |
#e6f1fa |
rgb(230,241,250) |
hsl(205,66%,94%) |
#d0e6f5 |
rgb(208,230,245) |
hsl(205,66%,89%) |
#bbdbf1 |
rgb(187,219,241) |
hsl(205,66%,84%) |
#a6cfed |
rgb(166,207,237) |
hsl(205,66%,79%) |
#91c4e8 |
rgb(145,196,232) |
hsl(205,66%,74%) |
#7cb9e4 |
rgb(124,185,228) |
hsl(205,66%,69%) |
#67ade0 |
rgb(103,173,224) |
hsl(205,66%,64%) |
#51a2db |
rgb(81,162,219) |
hsl(205,66%,59%) |
#3c97d7 |
rgb(60,151,215) |
hsl(205,66%,54%) |
#2a8bcf |
rgb(42,139,207) |
hsl(205,66%,49%) |
#267dba |
rgb(38,125,186) |
hsl(205,66%,44%) |
#226ea5 |
rgb(34,110,165) |
hsl(205,66%,39%) |
#1d6090 |
rgb(29,96,144) |
hsl(205,66%,34%) |
#19527b |
rgb(25,82,123) |
hsl(205,66%,29%) |
#154466 |
rgb(21,68,102) |
hsl(205,66%,24%) |
#103650 |
rgb(16,54,80) |
hsl(205,66%,19%) |
#0c283b |
rgb(12,40,59) |
hsl(205,66%,14%) |
#081926 |
rgb(8,25,38) |
hsl(205,66%,9%) |
#030b11 |
rgb(3,11,17) |
hsl(205,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A684 |
rgb(34,166,132) |
hsl(165,66%,39%) |
#226EA5 |
rgb(34,110,165) |
hsl(205,66%,39%) |
#2D21A5 |
rgb(45,33,165) |
hsl(245,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2780BF |
rgb(39,128,191) |
hsl(205,66%,45%) |
#226EA5 |
rgb(34,110,165) |
hsl(205,66%,39%) |
#1C5C8A |
rgb(28,92,138) |
hsl(205,66%,33%) |
#174A70 |
rgb(23,74,112) |
hsl(206,66%,26%) |
#113855 |
rgb(17,56,85) |
hsl(206,67%,20%) |
#0C293B |
rgb(12,41,59) |
hsl(203,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#226EA5 |
rgb(34,110,165) |
hsl(205,66%,39%) |
#A5212C |
rgb(165,33,44) |
hsl(355,67%,39%) |
#A59C22 |
rgb(165,156,34) |
hsl(56,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226EA5 |
rgb(34,110,165) |
hsl(205,66%,39%) |
#A55922 |
rgb(165,89,34) |
hsl(25,66%,39%) |
#22A69A |
rgb(34,166,154) |
hsl(175,66%,39%) |
#A59C22 |
rgb(165,156,34) |
hsl(56,66%,39%) |