HEX #227D88 color — Elm
The color #227D88 is a dark shade and moderately saturated.
Palette
227D88 color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfd |
rgb(247,252,253) |
hsl(186,60%,98%) |
#e2f6f8 |
rgb(226,246,248) |
hsl(186,60%,93%) |
#ceeff3 |
rgb(206,239,243) |
hsl(186,60%,88%) |
#bae8ee |
rgb(186,232,238) |
hsl(186,60%,83%) |
#a5e2e9 |
rgb(165,226,233) |
hsl(186,60%,78%) |
#91dbe3 |
rgb(145,219,227) |
hsl(186,60%,73%) |
#7cd5de |
rgb(124,213,222) |
hsl(186,60%,68%) |
#68ced9 |
rgb(104,206,217) |
hsl(186,60%,63%) |
#54c7d4 |
rgb(84,199,212) |
hsl(186,60%,58%) |
#3fc1cf |
rgb(63,193,207) |
hsl(186,60%,53%) |
#31b5c4 |
rgb(49,181,196) |
hsl(186,60%,48%) |
#2ca2af |
rgb(44,162,175) |
hsl(186,60%,43%) |
#278f9b |
rgb(39,143,155) |
hsl(186,60%,38%) |
#227d87 |
rgb(34,125,135) |
hsl(186,60%,33%) |
#1d6a72 |
rgb(29,106,114) |
hsl(186,60%,28%) |
#17575e |
rgb(23,87,94) |
hsl(186,60%,23%) |
#124449 |
rgb(18,68,73) |
hsl(186,60%,18%) |
#0d3135 |
rgb(13,49,53) |
hsl(186,60%,13%) |
#081e21 |
rgb(8,30,33) |
hsl(186,60%,8%) |
#030b0c |
rgb(3,11,12) |
hsl(186,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22874F |
rgb(34,135,79) |
hsl(147,60%,33%) |
#227D88 |
rgb(34,125,136) |
hsl(186,60%,33%) |
#223888 |
rgb(34,56,136) |
hsl(227,60%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27919D |
rgb(39,145,157) |
hsl(186,60%,38%) |
#227D88 |
rgb(34,125,136) |
hsl(186,60%,33%) |
#1C6972 |
rgb(28,105,114) |
hsl(186,61%,28%) |
#17545C |
rgb(23,84,92) |
hsl(187,60%,23%) |
#114046 |
rgb(17,64,70) |
hsl(187,61%,17%) |
#0C2E30 |
rgb(12,46,48) |
hsl(183,60%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#227D88 |
rgb(34,125,136) |
hsl(186,60%,33%) |
#88214A |
rgb(136,33,74) |
hsl(336,61%,33%) |
#886122 |
rgb(136,97,34) |
hsl(37,60%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227D88 |
rgb(34,125,136) |
hsl(186,60%,33%) |
#882E22 |
rgb(136,46,34) |
hsl(7,60%,33%) |
#228760 |
rgb(34,135,96) |
hsl(157,60%,33%) |
#886122 |
rgb(136,97,34) |
hsl(37,60%,33%) |