HEX #227777 color — Elm
The color #227777 is a dark shade and moderately saturated.
Palette
227777 color palette from light to dark
HEX |
RGB |
HSL |
#ebf9f9 |
rgb(235,249,249) |
hsl(180,56%,95%) |
#d7f4f4 |
rgb(215,244,244) |
hsl(180,56%,90%) |
#c3eeee |
rgb(195,238,238) |
hsl(180,56%,85%) |
#afe9e9 |
rgb(175,233,233) |
hsl(180,56%,80%) |
#9ce3e3 |
rgb(156,227,227) |
hsl(180,56%,75%) |
#88dddd |
rgb(136,221,221) |
hsl(180,56%,70%) |
#74d8d8 |
rgb(116,216,216) |
hsl(180,56%,65%) |
#60d2d2 |
rgb(96,210,210) |
hsl(180,56%,60%) |
#4ccdcd |
rgb(76,205,205) |
hsl(180,56%,55%) |
#38c7c7 |
rgb(56,199,199) |
hsl(180,56%,50%) |
#32b3b3 |
rgb(50,179,179) |
hsl(180,56%,45%) |
#2d9f9f |
rgb(45,159,159) |
hsl(180,56%,40%) |
#278b8b |
rgb(39,139,139) |
hsl(180,56%,35%) |
#227777 |
rgb(34,119,119) |
hsl(180,56%,30%) |
#1c6363 |
rgb(28,99,99) |
hsl(180,56%,25%) |
#165050 |
rgb(22,80,80) |
hsl(180,56%,20%) |
#113c3c |
rgb(17,60,60) |
hsl(180,56%,15%) |
#0b2828 |
rgb(11,40,40) |
hsl(180,56%,10%) |
#061414 |
rgb(6,20,20) |
hsl(180,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22783E |
rgb(34,120,62) |
hsl(140,56%,30%) |
#227777 |
rgb(34,119,119) |
hsl(180,56%,30%) |
#223D77 |
rgb(34,61,119) |
hsl(221,56%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#278A8A |
rgb(39,138,138) |
hsl(180,56%,35%) |
#227777 |
rgb(34,119,119) |
hsl(180,56%,30%) |
#1C6363 |
rgb(28,99,99) |
hsl(180,56%,25%) |
#175250 |
rgb(23,82,80) |
hsl(178,56%,21%) |
#113D3D |
rgb(17,61,61) |
hsl(180,56%,15%) |
#0C2B2A |
rgb(12,43,42) |
hsl(178,56%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#227777 |
rgb(34,119,119) |
hsl(180,56%,30%) |
#77214C |
rgb(119,33,76) |
hsl(330,57%,30%) |
#774D22 |
rgb(119,77,34) |
hsl(30,56%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227777 |
rgb(34,119,119) |
hsl(180,56%,30%) |
#772122 |
rgb(119,33,34) |
hsl(359,57%,30%) |
#22784C |
rgb(34,120,76) |
hsl(149,56%,30%) |
#774D22 |
rgb(119,77,34) |
hsl(30,56%,30%) |