#677E7D

Muted Cyan

HEX

RGB

HSL

About #677E7D Muted Cyan

#677E7D is a muted cyan color. In the RGB color model, it is composed of 103 red, 126 green, and 125 blue. In the HSL color space, it has a hue of 177°, saturation of 10%, and lightness of 45%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With low saturation, it appears muted and subtle.

CSS Code & Gradients

Use #677E7D in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

177°

Hue

10%

Saturation

45%

Lightness

Muted Cyan

Color Harmonies

Colors that work well with #677E7D based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #677E7D against white and black backgrounds.

Aa#677E7D on White
Contrast Ratio4.32:1
AA AA Large AAA
Aa#677E7D on Black
Contrast Ratio4.86:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #677E7D across different color formats.

FormatValue
HEX#677E7D
RGBrgb(103, 126, 125)
HSLhsl(177, 10%, 45%)
RGB Decimal103, 126, 125
RGB Percent40.4%, 49.4%, 49.0%
CMYK (approx.)18%, 0%, 1%, 51%

Related Palettes

12 palettes using #677E7D or similar colors

#356449#5C8A7B#7DB5B2#ACCBD3
#DAE2B6#CCD6A6#A1C298#6D8B74
#3D5C50#5B8A83#76B5BC#AAC6D5
#376245#5B8A76#82B0A7#ACD0D2
#3D595C#5B7A8B#7E94B4#AFB4D0
#2D3436#636E72#B2BEC3#DFE6E9
#336466#5A7D8C#7C96B6#AFB6CF
#3B5E45#5A8B75#80B2A8#B1CCCE
#3A5F5B#5A848C#78A0BA#ADBAD1
#345D65#5A778C#8191B1#ACAFD3
#3B5E51#598C86#76B3BC#AEC3D1
#37625E#58858D#779FBB#ADB9D1