HEX #226F77 color — Elm
The color #226f77 is a dark shade and moderately saturated.
Palette
226f77 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf8f9 |
rgb(235,248,249) |
hsl(186,56%,95%) |
| #d7f1f4 |
rgb(215,241,244) |
hsl(186,56%,90%) |
| #c3eaee |
rgb(195,234,238) |
hsl(186,56%,85%) |
| #afe3e9 |
rgb(175,227,233) |
hsl(186,56%,80%) |
| #9cdce3 |
rgb(156,220,227) |
hsl(186,56%,75%) |
| #88d5dd |
rgb(136,213,221) |
hsl(186,56%,70%) |
| #74ced8 |
rgb(116,206,216) |
hsl(186,56%,65%) |
| #60c7d2 |
rgb(96,199,210) |
hsl(186,56%,60%) |
| #4cc0cd |
rgb(76,192,205) |
hsl(186,56%,55%) |
| #38b9c7 |
rgb(56,185,199) |
hsl(186,56%,50%) |
| #32a6b3 |
rgb(50,166,179) |
hsl(186,56%,45%) |
| #2d949f |
rgb(45,148,159) |
hsl(186,56%,40%) |
| #27818b |
rgb(39,129,139) |
hsl(186,56%,35%) |
| #226f77 |
rgb(34,111,119) |
hsl(186,56%,30%) |
| #1c5c63 |
rgb(28,92,99) |
hsl(186,56%,25%) |
| #164a50 |
rgb(22,74,80) |
hsl(186,56%,20%) |
| #11373c |
rgb(17,55,60) |
hsl(186,56%,15%) |
| #0b2528 |
rgb(11,37,40) |
hsl(186,56%,10%) |
| #061214 |
rgb(6,18,20) |
hsl(186,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #227846 |
rgb(34,120,70) |
hsl(145,56%,30%) |
| #226F77 |
rgb(34,111,119) |
hsl(186,56%,30%) |
| #223677 |
rgb(34,54,119) |
hsl(226,56%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #27808A |
rgb(39,128,138) |
hsl(186,56%,35%) |
| #226F77 |
rgb(34,111,119) |
hsl(186,56%,30%) |
| #1C5E63 |
rgb(28,94,99) |
hsl(184,56%,25%) |
| #174D50 |
rgb(23,77,80) |
hsl(183,55%,20%) |
| #113B3D |
rgb(17,59,61) |
hsl(183,56%,15%) |
| #0C292A |
rgb(12,41,42) |
hsl(182,56%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #226F77 |
rgb(34,111,119) |
hsl(186,56%,30%) |
| #772144 |
rgb(119,33,68) |
hsl(336,57%,30%) |
| #775422 |
rgb(119,84,34) |
hsl(35,56%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #226F77 |
rgb(34,111,119) |
hsl(186,56%,30%) |
| #772922 |
rgb(119,41,34) |
hsl(5,56%,30%) |
| #227854 |
rgb(34,120,84) |
hsl(155,56%,30%) |
| #775422 |
rgb(119,84,34) |
hsl(35,56%,30%) |
