HEX #226B78 color — Elm
The color #226B78 is a dark shade and moderately saturated.
Palette
226B78 color palette from light to dark
HEX |
RGB |
HSL |
#ebf7f9 |
rgb(235,247,249) |
hsl(189,56%,95%) |
#d7eff4 |
rgb(215,239,244) |
hsl(189,56%,90%) |
#c3e8ee |
rgb(195,232,238) |
hsl(189,56%,85%) |
#afe0e9 |
rgb(175,224,233) |
hsl(189,56%,80%) |
#9cd8e3 |
rgb(156,216,227) |
hsl(189,56%,75%) |
#88d0dd |
rgb(136,208,221) |
hsl(189,56%,70%) |
#74c9d8 |
rgb(116,201,216) |
hsl(189,56%,65%) |
#60c1d2 |
rgb(96,193,210) |
hsl(189,56%,60%) |
#4cb9cd |
rgb(76,185,205) |
hsl(189,56%,55%) |
#38b1c7 |
rgb(56,177,199) |
hsl(189,56%,50%) |
#32a0b3 |
rgb(50,160,179) |
hsl(189,56%,45%) |
#2d8e9f |
rgb(45,142,159) |
hsl(189,56%,40%) |
#277c8b |
rgb(39,124,139) |
hsl(189,56%,35%) |
#226a77 |
rgb(34,106,119) |
hsl(189,56%,30%) |
#1c5963 |
rgb(28,89,99) |
hsl(189,56%,25%) |
#164750 |
rgb(22,71,80) |
hsl(189,56%,20%) |
#11353c |
rgb(17,53,60) |
hsl(189,56%,15%) |
#0b2328 |
rgb(11,35,40) |
hsl(189,56%,10%) |
#061214 |
rgb(6,18,20) |
hsl(189,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22784B |
rgb(34,120,75) |
hsl(149,56%,30%) |
#226B78 |
rgb(34,107,120) |
hsl(189,56%,30%) |
#223078 |
rgb(34,48,120) |
hsl(230,56%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#277D8B |
rgb(39,125,139) |
hsl(188,56%,35%) |
#226B78 |
rgb(34,107,120) |
hsl(189,56%,30%) |
#1C5964 |
rgb(28,89,100) |
hsl(189,56%,25%) |
#174A51 |
rgb(23,74,81) |
hsl(187,56%,20%) |
#11383E |
rgb(17,56,62) |
hsl(188,57%,15%) |
#0C262B |
rgb(12,38,43) |
hsl(190,56%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#226B78 |
rgb(34,107,120) |
hsl(189,56%,30%) |
#782140 |
rgb(120,33,64) |
hsl(339,57%,30%) |
#785922 |
rgb(120,89,34) |
hsl(38,56%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226B78 |
rgb(34,107,120) |
hsl(189,56%,30%) |
#782E22 |
rgb(120,46,34) |
hsl(8,56%,30%) |
#22785A |
rgb(34,120,90) |
hsl(159,56%,30%) |
#785922 |
rgb(120,89,34) |
hsl(38,56%,30%) |