#688C7C Color

Color Information

HEX#688C7C
RGB104, 140, 124
HSL153° , 15% , 48%
HSV153° , 26% , 55%
CMYK26%, 0%, 11%, 45%

Lighter Shades

#7A9A8C #8CA89B #9EB5AB #B0C3BB #C3D1CB #D5DFDA

Darker Shades

#5C7B6D #4F6A5E #435A4F #364940 #2A3832 #1D2723

Complementary Palette

#59786B #688C7C #795968 #8D6879 #9D7D8C #7D9C8E

Analogous Palette

#5F8162 #688D6A #628475 #688C7C #688B8D #729597

Triadic Palette

#5C7B6D #688C7C #7C5C99 #8C70A5 #997C5C #876D51

Split Complementary Palette

#5E7E70 #688C7C #8D688B #987797 #8D6A68 #7F5F5E

Square Palette

#577668 #688C7C #6A688D #8D6879 #8B8D68 #9E9F80

Tetradic Palette

#557366 #688C7C #5278A3 #8D6879 #A37D52 #B49471

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #688C7C contains 104 red, 140 green, and 124 blue.

Contrast Ratio: 3.68:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 5.71:1