HEX #227D86 color — Elm
The color #227D86 is a dark shade and moderately saturated.
Palette
227D86 color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfd |
rgb(247,252,253) |
hsl(185,60%,98%) |
#e2f6f8 |
rgb(226,246,248) |
hsl(185,60%,93%) |
#cef0f3 |
rgb(206,240,243) |
hsl(185,60%,88%) |
#bae9ee |
rgb(186,233,238) |
hsl(185,60%,83%) |
#a5e3e9 |
rgb(165,227,233) |
hsl(185,60%,78%) |
#91dde3 |
rgb(145,221,227) |
hsl(185,60%,73%) |
#7cd6de |
rgb(124,214,222) |
hsl(185,60%,68%) |
#68d0d9 |
rgb(104,208,217) |
hsl(185,60%,63%) |
#54c9d4 |
rgb(84,201,212) |
hsl(185,60%,58%) |
#3fc3cf |
rgb(63,195,207) |
hsl(185,60%,53%) |
#31b8c4 |
rgb(49,184,196) |
hsl(185,60%,48%) |
#2ca4af |
rgb(44,164,175) |
hsl(185,60%,43%) |
#27919b |
rgb(39,145,155) |
hsl(185,60%,38%) |
#227e87 |
rgb(34,126,135) |
hsl(185,60%,33%) |
#1d6b72 |
rgb(29,107,114) |
hsl(185,60%,28%) |
#17585e |
rgb(23,88,94) |
hsl(185,60%,23%) |
#124549 |
rgb(18,69,73) |
hsl(185,60%,18%) |
#0d3235 |
rgb(13,50,53) |
hsl(185,60%,13%) |
#081f21 |
rgb(8,31,33) |
hsl(185,60%,8%) |
#030b0c |
rgb(3,11,12) |
hsl(185,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22874C |
rgb(34,135,76) |
hsl(145,60%,33%) |
#227D86 |
rgb(34,125,134) |
hsl(185,60%,33%) |
#223B86 |
rgb(34,59,134) |
hsl(225,60%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27919B |
rgb(39,145,155) |
hsl(185,60%,38%) |
#227D86 |
rgb(34,125,134) |
hsl(185,60%,33%) |
#1C6970 |
rgb(28,105,112) |
hsl(185,60%,27%) |
#17545B |
rgb(23,84,91) |
hsl(186,60%,22%) |
#114045 |
rgb(17,64,69) |
hsl(186,60%,17%) |
#0C2E30 |
rgb(12,46,48) |
hsl(183,60%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#227D86 |
rgb(34,125,134) |
hsl(185,60%,33%) |
#86214B |
rgb(134,33,75) |
hsl(335,60%,33%) |
#865C22 |
rgb(134,92,34) |
hsl(35,60%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227D86 |
rgb(34,125,134) |
hsl(185,60%,33%) |
#862B22 |
rgb(134,43,34) |
hsl(5,60%,33%) |
#22875D |
rgb(34,135,93) |
hsl(155,60%,33%) |
#865C22 |
rgb(134,92,34) |
hsl(35,60%,33%) |