HEX #226B77 color — Elm
The color #226b77 is a dark shade and moderately saturated.
Palette
226b77 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf7f9 |
rgb(235,247,249) |
hsl(188,56%,95%) |
| #d7f0f4 |
rgb(215,240,244) |
hsl(188,56%,90%) |
| #c3e8ee |
rgb(195,232,238) |
hsl(188,56%,85%) |
| #afe1e9 |
rgb(175,225,233) |
hsl(188,56%,80%) |
| #9cd9e3 |
rgb(156,217,227) |
hsl(188,56%,75%) |
| #88d2dd |
rgb(136,210,221) |
hsl(188,56%,70%) |
| #74cad8 |
rgb(116,202,216) |
hsl(188,56%,65%) |
| #60c3d2 |
rgb(96,195,210) |
hsl(188,56%,60%) |
| #4cbbcd |
rgb(76,187,205) |
hsl(188,56%,55%) |
| #38b4c7 |
rgb(56,180,199) |
hsl(188,56%,50%) |
| #32a2b3 |
rgb(50,162,179) |
hsl(188,56%,45%) |
| #2d909f |
rgb(45,144,159) |
hsl(188,56%,40%) |
| #277e8b |
rgb(39,126,139) |
hsl(188,56%,35%) |
| #226c77 |
rgb(34,108,119) |
hsl(188,56%,30%) |
| #1c5a63 |
rgb(28,90,99) |
hsl(188,56%,25%) |
| #164850 |
rgb(22,72,80) |
hsl(188,56%,20%) |
| #11363c |
rgb(17,54,60) |
hsl(188,56%,15%) |
| #0b2428 |
rgb(11,36,40) |
hsl(188,56%,10%) |
| #061214 |
rgb(6,18,20) |
hsl(188,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22784A |
rgb(34,120,74) |
hsl(148,56%,30%) |
| #226B77 |
rgb(34,107,119) |
hsl(188,56%,30%) |
| #223377 |
rgb(34,51,119) |
hsl(228,56%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #277D8A |
rgb(39,125,138) |
hsl(188,56%,35%) |
| #226B77 |
rgb(34,107,119) |
hsl(188,56%,30%) |
| #1C5963 |
rgb(28,89,99) |
hsl(188,56%,25%) |
| #174A50 |
rgb(23,74,80) |
hsl(186,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 |
| #226B77 |
rgb(34,107,119) |
hsl(188,56%,30%) |
| #772140 |
rgb(119,33,64) |
hsl(338,57%,30%) |
| #775922 |
rgb(119,89,34) |
hsl(39,56%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #226B77 |
rgb(34,107,119) |
hsl(188,56%,30%) |
| #772E22 |
rgb(119,46,34) |
hsl(8,56%,30%) |
| #227858 |
rgb(34,120,88) |
hsl(158,56%,30%) |
| #775922 |
rgb(119,89,34) |
hsl(39,56%,30%) |
