HEX #226A87 color — Elm

The color #226a87 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

226a87 color palette from light to dark

HEX RGB HSL
#f7fbfd rgb(247,251,253) hsl(197,60%,98%)
#e2f2f8 rgb(226,242,248) hsl(197,60%,93%)
#cee8f3 rgb(206,232,243) hsl(197,60%,88%)
#badfee rgb(186,223,238) hsl(197,60%,83%)
#a5d5e9 rgb(165,213,233) hsl(197,60%,78%)
#91cce3 rgb(145,204,227) hsl(197,60%,73%)
#7cc3de rgb(124,195,222) hsl(197,60%,68%)
#68b9d9 rgb(104,185,217) hsl(197,60%,63%)
#54b0d4 rgb(84,176,212) hsl(197,60%,58%)
#3fa6cf rgb(63,166,207) hsl(197,60%,53%)
#319ac4 rgb(49,154,196) hsl(197,60%,48%)
#2c8aaf rgb(44,138,175) hsl(197,60%,43%)
#277a9b rgb(39,122,155) hsl(197,60%,38%)
#226a87 rgb(34,106,135) hsl(197,60%,33%)
#1d5a72 rgb(29,90,114) hsl(197,60%,28%)
#174a5e rgb(23,74,94) hsl(197,60%,23%)
#123a49 rgb(18,58,73) hsl(197,60%,18%)
#0d2a35 rgb(13,42,53) hsl(197,60%,13%)
#081a21 rgb(8,26,33) hsl(197,60%,8%)
#030a0c rgb(3,10,12) hsl(197,60%,3%)

Adjacent colors

HEX RGB HSL
#228760 rgb(34,135,96) hsl(157,60%,33%)
#226A87 rgb(34,106,135) hsl(197,60%,33%)
#222687 rgb(34,38,135) hsl(238,60%,33%)

Monochromatic colors

HEX RGB HSL
#277A9C rgb(39,122,156) hsl(197,60%,38%)
#226A87 rgb(34,106,135) hsl(197,60%,33%)
#1C5971 rgb(28,89,113) hsl(197,60%,28%)
#17475B rgb(23,71,91) hsl(198,60%,22%)
#113846 rgb(17,56,70) hsl(196,61%,17%)
#0C2630 rgb(12,38,48) hsl(197,60%,12%)

Triad color palettes

HEX RGB HSL
#226A87 rgb(34,106,135) hsl(197,60%,33%)
#872137 rgb(135,33,55) hsl(347,61%,33%)
#877322 rgb(135,115,34) hsl(48,60%,33%)

Tetrad color palettes

HEX RGB HSL
#226A87 rgb(34,106,135) hsl(197,60%,33%)
#874022 rgb(135,64,34) hsl(18,60%,33%)
#228771 rgb(34,135,113) hsl(167,60%,33%)
#877322 rgb(135,115,34) hsl(48,60%,33%)