HEX #226E9F color — Matisse
The color #226E9F is a dark shade and moderately saturated.
Palette
226E9F color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(204,65%,98%) |
#e2eff9 |
rgb(226,239,249) |
hsl(204,65%,93%) |
#cde4f4 |
rgb(205,228,244) |
hsl(204,65%,88%) |
#b7d9f0 |
rgb(183,217,240) |
hsl(204,65%,83%) |
#a2ceeb |
rgb(162,206,235) |
hsl(204,65%,78%) |
#8dc3e7 |
rgb(141,195,231) |
hsl(204,65%,73%) |
#78b8e2 |
rgb(120,184,226) |
hsl(204,65%,68%) |
#63adde |
rgb(99,173,222) |
hsl(204,65%,63%) |
#4ea2da |
rgb(78,162,218) |
hsl(204,65%,58%) |
#3997d5 |
rgb(57,151,213) |
hsl(204,65%,53%) |
#2b8aca |
rgb(43,138,202) |
hsl(204,65%,48%) |
#267cb5 |
rgb(38,124,181) |
hsl(204,65%,43%) |
#226da0 |
rgb(34,109,160) |
hsl(204,65%,38%) |
#1d5f8b |
rgb(29,95,139) |
hsl(204,65%,33%) |
#195176 |
rgb(25,81,118) |
hsl(204,65%,28%) |
#154261 |
rgb(21,66,97) |
hsl(204,65%,23%) |
#10344c |
rgb(16,52,76) |
hsl(204,65%,18%) |
#0c2537 |
rgb(12,37,55) |
hsl(204,65%,13%) |
#071722 |
rgb(7,23,34) |
hsl(204,65%,8%) |
#03090d |
rgb(3,9,13) |
hsl(204,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#229E7C |
rgb(34,158,124) |
hsl(164,65%,38%) |
#226E9F |
rgb(34,110,159) |
hsl(204,65%,38%) |
#29219F |
rgb(41,33,159) |
hsl(244,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2780B8 |
rgb(39,128,184) |
hsl(203,65%,44%) |
#226E9F |
rgb(34,110,159) |
hsl(204,65%,38%) |
#1C5C85 |
rgb(28,92,133) |
hsl(203,65%,32%) |
#174A6C |
rgb(23,74,108) |
hsl(204,65%,26%) |
#113852 |
rgb(17,56,82) |
hsl(204,66%,19%) |
#0C2939 |
rgb(12,41,57) |
hsl(201,65%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#226E9F |
rgb(34,110,159) |
hsl(204,65%,38%) |
#9F212F |
rgb(159,33,47) |
hsl(353,66%,38%) |
#9F9122 |
rgb(159,145,34) |
hsl(53,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226E9F |
rgb(34,110,159) |
hsl(204,65%,38%) |
#9F5422 |
rgb(159,84,34) |
hsl(24,65%,38%) |
#229E91 |
rgb(34,158,145) |
hsl(174,65%,38%) |
#9F9122 |
rgb(159,145,34) |
hsl(53,65%,38%) |