HEX #226777 color — Elm
The color #226777 is a dark shade and moderately saturated.
Palette
226777 color palette from light to dark
HEX |
RGB |
HSL |
#ebf7f9 |
rgb(235,247,249) |
hsl(191,56%,95%) |
#d7eff4 |
rgb(215,239,244) |
hsl(191,56%,90%) |
#c3e6ee |
rgb(195,230,238) |
hsl(191,56%,85%) |
#afdee9 |
rgb(175,222,233) |
hsl(191,56%,80%) |
#9cd6e3 |
rgb(156,214,227) |
hsl(191,56%,75%) |
#88cedd |
rgb(136,206,221) |
hsl(191,56%,70%) |
#74c5d8 |
rgb(116,197,216) |
hsl(191,56%,65%) |
#60bdd2 |
rgb(96,189,210) |
hsl(191,56%,60%) |
#4cb5cd |
rgb(76,181,205) |
hsl(191,56%,55%) |
#38adc7 |
rgb(56,173,199) |
hsl(191,56%,50%) |
#329bb3 |
rgb(50,155,179) |
hsl(191,56%,45%) |
#2d8a9f |
rgb(45,138,159) |
hsl(191,56%,40%) |
#27798b |
rgb(39,121,139) |
hsl(191,56%,35%) |
#226877 |
rgb(34,104,119) |
hsl(191,56%,30%) |
#1c5663 |
rgb(28,86,99) |
hsl(191,56%,25%) |
#164550 |
rgb(22,69,80) |
hsl(191,56%,20%) |
#11343c |
rgb(17,52,60) |
hsl(191,56%,15%) |
#0b2328 |
rgb(11,35,40) |
hsl(191,56%,10%) |
#061114 |
rgb(6,17,20) |
hsl(191,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22784E |
rgb(34,120,78) |
hsl(151,56%,30%) |
#226777 |
rgb(34,103,119) |
hsl(191,56%,30%) |
#222E77 |
rgb(34,46,119) |
hsl(232,56%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27788A |
rgb(39,120,138) |
hsl(191,56%,35%) |
#226777 |
rgb(34,103,119) |
hsl(191,56%,30%) |
#1C5763 |
rgb(28,87,99) |
hsl(190,56%,25%) |
#174550 |
rgb(23,69,80) |
hsl(192,55%,20%) |
#11363D |
rgb(17,54,61) |
hsl(190,56%,15%) |
#0C262A |
rgb(12,38,42) |
hsl(188,56%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#226777 |
rgb(34,103,119) |
hsl(191,56%,30%) |
#77213C |
rgb(119,33,60) |
hsl(341,57%,30%) |
#775C22 |
rgb(119,92,34) |
hsl(41,56%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226777 |
rgb(34,103,119) |
hsl(191,56%,30%) |
#773322 |
rgb(119,51,34) |
hsl(12,56%,30%) |
#22785C |
rgb(34,120,92) |
hsl(160,56%,30%) |
#775C22 |
rgb(119,92,34) |
hsl(41,56%,30%) |