HEX #228787 color — Elm

The color #228787 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

228787 color palette from light to dark

HEX RGB HSL
#f7fdfd rgb(247,253,253) hsl(180,60%,98%)
#e2f8f8 rgb(226,248,248) hsl(180,60%,93%)
#cef3f3 rgb(206,243,243) hsl(180,60%,88%)
#baeeee rgb(186,238,238) hsl(180,60%,83%)
#a5e9e9 rgb(165,233,233) hsl(180,60%,78%)
#91e3e3 rgb(145,227,227) hsl(180,60%,73%)
#7cdede rgb(124,222,222) hsl(180,60%,68%)
#68d9d9 rgb(104,217,217) hsl(180,60%,63%)
#54d4d4 rgb(84,212,212) hsl(180,60%,58%)
#3fcfcf rgb(63,207,207) hsl(180,60%,53%)
#31c4c4 rgb(49,196,196) hsl(180,60%,48%)
#2cafaf rgb(44,175,175) hsl(180,60%,43%)
#279b9b rgb(39,155,155) hsl(180,60%,38%)
#228787 rgb(34,135,135) hsl(180,60%,33%)
#1d7272 rgb(29,114,114) hsl(180,60%,28%)
#175e5e rgb(23,94,94) hsl(180,60%,23%)
#124949 rgb(18,73,73) hsl(180,60%,18%)
#0d3535 rgb(13,53,53) hsl(180,60%,13%)
#082121 rgb(8,33,33) hsl(180,60%,8%)
#030c0c rgb(3,12,12) hsl(180,60%,3%)

Adjacent colors

HEX RGB HSL
#228743 rgb(34,135,67) hsl(140,60%,33%)
#228787 rgb(34,135,135) hsl(180,60%,33%)
#224587 rgb(34,69,135) hsl(219,60%,33%)

Monochromatic colors

HEX RGB HSL
#279C9C rgb(39,156,156) hsl(180,60%,38%)
#228787 rgb(34,135,135) hsl(180,60%,33%)
#1C7071 rgb(28,112,113) hsl(181,60%,28%)
#175C5B rgb(23,92,91) hsl(179,60%,23%)
#114746 rgb(17,71,70) hsl(179,61%,17%)
#0C3030 rgb(12,48,48) hsl(180,60%,12%)

Triad color palettes

HEX RGB HSL
#228787 rgb(34,135,135) hsl(180,60%,33%)
#872154 rgb(135,33,84) hsl(330,61%,33%)
#875422 rgb(135,84,34) hsl(30,60%,33%)

Tetrad color palettes

HEX RGB HSL
#228787 rgb(34,135,135) hsl(180,60%,33%)
#872122 rgb(135,33,34) hsl(359,61%,33%)
#228754 rgb(34,135,84) hsl(150,60%,33%)
#875422 rgb(135,84,34) hsl(30,60%,33%)