HEX #227A88 color — Elm
The color #227A88 is a dark shade and moderately saturated.
Palette
227A88 color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfd |
rgb(247,252,253) |
hsl(188,60%,98%) |
#e2f5f8 |
rgb(226,245,248) |
hsl(188,60%,93%) |
#ceeef3 |
rgb(206,238,243) |
hsl(188,60%,88%) |
#bae7ee |
rgb(186,231,238) |
hsl(188,60%,83%) |
#a5e0e9 |
rgb(165,224,233) |
hsl(188,60%,78%) |
#91d8e3 |
rgb(145,216,227) |
hsl(188,60%,73%) |
#7cd1de |
rgb(124,209,222) |
hsl(188,60%,68%) |
#68cad9 |
rgb(104,202,217) |
hsl(188,60%,63%) |
#54c3d4 |
rgb(84,195,212) |
hsl(188,60%,58%) |
#3fbccf |
rgb(63,188,207) |
hsl(188,60%,53%) |
#31b0c4 |
rgb(49,176,196) |
hsl(188,60%,48%) |
#2c9eaf |
rgb(44,158,175) |
hsl(188,60%,43%) |
#278c9b |
rgb(39,140,155) |
hsl(188,60%,38%) |
#227987 |
rgb(34,121,135) |
hsl(188,60%,33%) |
#1d6772 |
rgb(29,103,114) |
hsl(188,60%,28%) |
#17545e |
rgb(23,84,94) |
hsl(188,60%,23%) |
#124249 |
rgb(18,66,73) |
hsl(188,60%,18%) |
#0d3035 |
rgb(13,48,53) |
hsl(188,60%,13%) |
#081d21 |
rgb(8,29,33) |
hsl(188,60%,8%) |
#030b0c |
rgb(3,11,12) |
hsl(188,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#228752 |
rgb(34,135,82) |
hsl(149,60%,33%) |
#227A88 |
rgb(34,122,136) |
hsl(188,60%,33%) |
#223688 |
rgb(34,54,136) |
hsl(228,60%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#278C9D |
rgb(39,140,157) |
hsl(189,60%,38%) |
#227A88 |
rgb(34,122,136) |
hsl(188,60%,33%) |
#1C6672 |
rgb(28,102,114) |
hsl(188,61%,28%) |
#17545C |
rgb(23,84,92) |
hsl(187,60%,23%) |
#114046 |
rgb(17,64,70) |
hsl(187,61%,17%) |
#0C2B30 |
rgb(12,43,48) |
hsl(188,60%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#227A88 |
rgb(34,122,136) |
hsl(188,60%,33%) |
#882147 |
rgb(136,33,71) |
hsl(338,61%,33%) |
#886322 |
rgb(136,99,34) |
hsl(38,60%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227A88 |
rgb(34,122,136) |
hsl(188,60%,33%) |
#883022 |
rgb(136,48,34) |
hsl(8,60%,33%) |
#228763 |
rgb(34,135,99) |
hsl(159,60%,33%) |
#886322 |
rgb(136,99,34) |
hsl(38,60%,33%) |