HEX #227A84 color — Elm
The color #227A84 is a dark shade and moderately saturated.
Palette
227A84 color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfd |
rgb(247,252,253) |
hsl(186,59%,98%) |
#e3f6f8 |
rgb(227,246,248) |
hsl(186,59%,93%) |
#ceeff2 |
rgb(206,239,242) |
hsl(186,59%,88%) |
#bae8ed |
rgb(186,232,237) |
hsl(186,59%,83%) |
#a6e1e8 |
rgb(166,225,232) |
hsl(186,59%,78%) |
#92dbe3 |
rgb(146,219,227) |
hsl(186,59%,73%) |
#7dd4de |
rgb(125,212,222) |
hsl(186,59%,68%) |
#69cdd8 |
rgb(105,205,216) |
hsl(186,59%,63%) |
#55c6d3 |
rgb(85,198,211) |
hsl(186,59%,58%) |
#40c0ce |
rgb(64,192,206) |
hsl(186,59%,53%) |
#32b4c3 |
rgb(50,180,195) |
hsl(186,59%,48%) |
#2da1ae |
rgb(45,161,174) |
hsl(186,59%,43%) |
#288f9a |
rgb(40,143,154) |
hsl(186,59%,38%) |
#237c86 |
rgb(35,124,134) |
hsl(186,59%,33%) |
#1d6972 |
rgb(29,105,114) |
hsl(186,59%,28%) |
#18565d |
rgb(24,86,93) |
hsl(186,59%,23%) |
#134449 |
rgb(19,68,73) |
hsl(186,59%,18%) |
#0e3135 |
rgb(14,49,53) |
hsl(186,59%,13%) |
#081e20 |
rgb(8,30,32) |
hsl(186,59%,8%) |
#030b0c |
rgb(3,11,12) |
hsl(186,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22854C |
rgb(34,133,76) |
hsl(145,59%,33%) |
#227A84 |
rgb(34,122,132) |
hsl(186,59%,33%) |
#223884 |
rgb(34,56,132) |
hsl(227,59%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#278C99 |
rgb(39,140,153) |
hsl(187,59%,38%) |
#227A84 |
rgb(34,122,132) |
hsl(186,59%,33%) |
#1C666E |
rgb(28,102,110) |
hsl(186,59%,27%) |
#175459 |
rgb(23,84,89) |
hsl(185,59%,22%) |
#114044 |
rgb(17,64,68) |
hsl(185,60%,17%) |
#0C2B2F |
rgb(12,43,47) |
hsl(187,59%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#227A84 |
rgb(34,122,132) |
hsl(186,59%,33%) |
#842149 |
rgb(132,33,73) |
hsl(336,60%,32%) |
#845C22 |
rgb(132,92,34) |
hsl(36,59%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227A84 |
rgb(34,122,132) |
hsl(186,59%,33%) |
#842B22 |
rgb(132,43,34) |
hsl(6,59%,33%) |
#22855D |
rgb(34,133,93) |
hsl(156,59%,33%) |
#845C22 |
rgb(132,92,34) |
hsl(36,59%,33%) |