HEX #226A77 color — Elm
The color #226a77 is a dark shade and moderately saturated.
Palette
226a77 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf7f9 |
rgb(235,247,249) |
hsl(189,56%,95%) |
| #d7eff4 |
rgb(215,239,244) |
hsl(189,56%,90%) |
| #c3e8ee |
rgb(195,232,238) |
hsl(189,56%,85%) |
| #afe0e9 |
rgb(175,224,233) |
hsl(189,56%,80%) |
| #9cd8e3 |
rgb(156,216,227) |
hsl(189,56%,75%) |
| #88d0dd |
rgb(136,208,221) |
hsl(189,56%,70%) |
| #74c9d8 |
rgb(116,201,216) |
hsl(189,56%,65%) |
| #60c1d2 |
rgb(96,193,210) |
hsl(189,56%,60%) |
| #4cb9cd |
rgb(76,185,205) |
hsl(189,56%,55%) |
| #38b1c7 |
rgb(56,177,199) |
hsl(189,56%,50%) |
| #32a0b3 |
rgb(50,160,179) |
hsl(189,56%,45%) |
| #2d8e9f |
rgb(45,142,159) |
hsl(189,56%,40%) |
| #277c8b |
rgb(39,124,139) |
hsl(189,56%,35%) |
| #226a77 |
rgb(34,106,119) |
hsl(189,56%,30%) |
| #1c5963 |
rgb(28,89,99) |
hsl(189,56%,25%) |
| #164750 |
rgb(22,71,80) |
hsl(189,56%,20%) |
| #11353c |
rgb(17,53,60) |
hsl(189,56%,15%) |
| #0b2328 |
rgb(11,35,40) |
hsl(189,56%,10%) |
| #061214 |
rgb(6,18,20) |
hsl(189,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22784B |
rgb(34,120,75) |
hsl(149,56%,30%) |
| #226A77 |
rgb(34,106,119) |
hsl(189,56%,30%) |
| #223077 |
rgb(34,48,119) |
hsl(230,56%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #277A8A |
rgb(39,122,138) |
hsl(190,56%,35%) |
| #226A77 |
rgb(34,106,119) |
hsl(189,56%,30%) |
| #1C5963 |
rgb(28,89,99) |
hsl(188,56%,25%) |
| #174750 |
rgb(23,71,80) |
hsl(189,55%,20%) |
| #11383D |
rgb(17,56,61) |
hsl(187,56%,15%) |
| #0C262A |
rgb(12,38,42) |
hsl(188,56%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #226A77 |
rgb(34,106,119) |
hsl(189,56%,30%) |
| #77213F |
rgb(119,33,63) |
hsl(339,57%,30%) |
| #775922 |
rgb(119,89,34) |
hsl(39,56%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #226A77 |
rgb(34,106,119) |
hsl(189,56%,30%) |
| #772E22 |
rgb(119,46,34) |
hsl(8,56%,30%) |
| #227859 |
rgb(34,120,89) |
hsl(158,56%,30%) |
| #775922 |
rgb(119,89,34) |
hsl(39,56%,30%) |
