HEX #226E87 color — Elm

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

Color codes

copy icon
copy icon
copy icon

Palette

226E87 color palette from light to dark

HEX RGB HSL
#f7fbfd rgb(247,251,253) hsl(195,60%,98%)
#e2f3f8 rgb(226,243,248) hsl(195,60%,93%)
#ceeaf3 rgb(206,234,243) hsl(195,60%,88%)
#bae1ee rgb(186,225,238) hsl(195,60%,83%)
#a5d8e9 rgb(165,216,233) hsl(195,60%,78%)
#91cfe3 rgb(145,207,227) hsl(195,60%,73%)
#7cc6de rgb(124,198,222) hsl(195,60%,68%)
#68bdd9 rgb(104,189,217) hsl(195,60%,63%)
#54b4d4 rgb(84,180,212) hsl(195,60%,58%)
#3fabcf rgb(63,171,207) hsl(195,60%,53%)
#319fc4 rgb(49,159,196) hsl(195,60%,48%)
#2c8faf rgb(44,143,175) hsl(195,60%,43%)
#277e9b rgb(39,126,155) hsl(195,60%,38%)
#226d87 rgb(34,109,135) hsl(195,60%,33%)
#1d5d72 rgb(29,93,114) hsl(195,60%,28%)
#174c5e rgb(23,76,94) hsl(195,60%,23%)
#123c49 rgb(18,60,73) hsl(195,60%,18%)
#0d2b35 rgb(13,43,53) hsl(195,60%,13%)
#081b21 rgb(8,27,33) hsl(195,60%,8%)
#030a0c rgb(3,10,12) hsl(195,60%,3%)

Adjacent colors

HEX RGB HSL
#22875C rgb(34,135,92) hsl(154,60%,33%)
#226E87 rgb(34,110,135) hsl(195,60%,33%)
#222B87 rgb(34,43,135) hsl(235,60%,33%)

Monochromatic colors

HEX RGB HSL
#27809C rgb(39,128,156) hsl(194,60%,38%)
#226E87 rgb(34,110,135) hsl(195,60%,33%)
#1C5C71 rgb(28,92,113) hsl(195,60%,28%)
#174A5B rgb(23,74,91) hsl(195,60%,22%)
#113846 rgb(17,56,70) hsl(196,61%,17%)
#0C2930 rgb(12,41,48) hsl(192,60%,12%)

Triad color palettes

HEX RGB HSL
#226E87 rgb(34,110,135) hsl(195,60%,33%)
#87213B rgb(135,33,59) hsl(345,61%,33%)
#876E22 rgb(135,110,34) hsl(45,60%,33%)

Tetrad color palettes

HEX RGB HSL
#226E87 rgb(34,110,135) hsl(195,60%,33%)
#873B22 rgb(135,59,34) hsl(15,60%,33%)
#22876D rgb(34,135,109) hsl(165,60%,33%)
#876E22 rgb(135,110,34) hsl(45,60%,33%)