HEX #228786 color — Elm
The color #228786 is a dark shade and moderately saturated.
Palette
228786 color palette from light to dark
HEX |
RGB |
HSL |
#f7fdfd |
rgb(247,253,253) |
hsl(179,60%,98%) |
#e2f8f8 |
rgb(226,248,248) |
hsl(179,60%,93%) |
#cef3f2 |
rgb(206,243,242) |
hsl(179,60%,88%) |
#baeeed |
rgb(186,238,237) |
hsl(179,60%,83%) |
#a5e9e7 |
rgb(165,233,231) |
hsl(179,60%,78%) |
#91e3e2 |
rgb(145,227,226) |
hsl(179,60%,73%) |
#7cdedd |
rgb(124,222,221) |
hsl(179,60%,68%) |
#68d9d7 |
rgb(104,217,215) |
hsl(179,60%,63%) |
#54d4d2 |
rgb(84,212,210) |
hsl(179,60%,58%) |
#3fcfcd |
rgb(63,207,205) |
hsl(179,60%,53%) |
#31c4c1 |
rgb(49,196,193) |
hsl(179,60%,48%) |
#2cafad |
rgb(44,175,173) |
hsl(179,60%,43%) |
#279b99 |
rgb(39,155,153) |
hsl(179,60%,38%) |
#228785 |
rgb(34,135,133) |
hsl(179,60%,33%) |
#1d7271 |
rgb(29,114,113) |
hsl(179,60%,28%) |
#175e5d |
rgb(23,94,93) |
hsl(179,60%,23%) |
#124949 |
rgb(18,73,73) |
hsl(179,60%,18%) |
#0d3534 |
rgb(13,53,52) |
hsl(179,60%,13%) |
#082120 |
rgb(8,33,32) |
hsl(179,60%,8%) |
#030c0c |
rgb(3,12,12) |
hsl(179,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#228742 |
rgb(34,135,66) |
hsl(139,60%,33%) |
#228786 |
rgb(34,135,134) |
hsl(179,60%,33%) |
#224587 |
rgb(34,69,135) |
hsl(219,60%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#279C9B |
rgb(39,156,155) |
hsl(179,60%,38%) |
#228786 |
rgb(34,135,134) |
hsl(179,60%,33%) |
#1C7070 |
rgb(28,112,112) |
hsl(180,60%,27%) |
#175C5B |
rgb(23,92,91) |
hsl(179,60%,23%) |
#114745 |
rgb(17,71,69) |
hsl(178,61%,17%) |
#0C3030 |
rgb(12,48,48) |
hsl(180,60%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#228786 |
rgb(34,135,134) |
hsl(179,60%,33%) |
#872155 |
rgb(135,33,85) |
hsl(329,61%,33%) |
#875422 |
rgb(135,84,34) |
hsl(30,60%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228786 |
rgb(34,135,134) |
hsl(179,60%,33%) |
#872123 |
rgb(135,33,35) |
hsl(359,61%,33%) |
#228753 |
rgb(34,135,83) |
hsl(149,60%,33%) |
#875422 |
rgb(135,84,34) |
hsl(30,60%,33%) |