HEX #2C878E color — Lochinvar
The color #2C878E is a dark shade and moderately saturated.
Palette
2C878E color palette from light to dark
HEX |
RGB |
HSL |
#eff9fa |
rgb(239,249,250) |
hsl(184,53%,96%) |
#dcf3f4 |
rgb(220,243,244) |
hsl(184,53%,91%) |
#c8ecee |
rgb(200,236,238) |
hsl(184,53%,86%) |
#b5e5e8 |
rgb(181,229,232) |
hsl(184,53%,81%) |
#a1dee2 |
rgb(161,222,226) |
hsl(184,53%,76%) |
#8ed7dc |
rgb(142,215,220) |
hsl(184,53%,71%) |
#7ad0d6 |
rgb(122,208,214) |
hsl(184,53%,66%) |
#67c9d0 |
rgb(103,201,208) |
hsl(184,53%,61%) |
#53c2ca |
rgb(83,194,202) |
hsl(184,53%,56%) |
#40bbc4 |
rgb(64,187,196) |
hsl(184,53%,51%) |
#37abb3 |
rgb(55,171,179) |
hsl(184,53%,46%) |
#3199a0 |
rgb(49,153,160) |
hsl(184,53%,41%) |
#2b868c |
rgb(43,134,140) |
hsl(184,53%,36%) |
#257379 |
rgb(37,115,121) |
hsl(184,53%,31%) |
#1f6165 |
rgb(31,97,101) |
hsl(184,53%,26%) |
#194e52 |
rgb(25,78,82) |
hsl(184,53%,21%) |
#133c3e |
rgb(19,60,62) |
hsl(184,53%,16%) |
#0d292b |
rgb(13,41,43) |
hsl(184,53%,11%) |
#071617 |
rgb(7,22,23) |
hsl(184,53%,6%) |
#010404 |
rgb(1,4,4) |
hsl(184,53%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2C8F53 |
rgb(44,143,83) |
hsl(144,53%,37%) |
#2C878E |
rgb(44,135,142) |
hsl(184,53%,36%) |
#2C458E |
rgb(44,69,142) |
hsl(225,53%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#339CA4 |
rgb(51,156,164) |
hsl(184,53%,42%) |
#2C878E |
rgb(44,135,142) |
hsl(184,53%,36%) |
#247077 |
rgb(36,112,119) |
hsl(185,54%,30%) |
#1D5C60 |
rgb(29,92,96) |
hsl(184,54%,25%) |
#164749 |
rgb(22,71,73) |
hsl(182,54%,19%) |
#0F3033 |
rgb(15,48,51) |
hsl(185,55%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C878E |
rgb(44,135,142) |
hsl(184,53%,36%) |
#8E2B56 |
rgb(142,43,86) |
hsl(334,54%,36%) |
#8E632C |
rgb(142,99,44) |
hsl(34,53%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C878E |
rgb(44,135,142) |
hsl(184,53%,36%) |
#8E332C |
rgb(142,51,44) |
hsl(4,53%,36%) |
#2C8F64 |
rgb(44,143,100) |
hsl(154,53%,37%) |
#8E632C |
rgb(142,99,44) |
hsl(34,53%,36%) |