#688D8A Color

Color Information

HEX#688D8A
RGB104, 141, 138
HSL175° , 15% , 48%
HSV175° , 26% , 55%
CMYK26%, 0%, 2%, 45%

Lighter Shades

#7A9B98 #8CA8A6 #9EB6B4 #B0C4C2 #C3D1D0 #D5DFDE

Darker Shades

#5C7C79 #4F6B69 #435A58 #364948 #2A3837 #1D2727

Complementary Palette

#597977 #688D8A #79595C #8D686B #9D7D80 #7D9D9A

Analogous Palette

#5F816C #688D77 #628582 #688D8A #687D8D #728797

Triadic Palette

#5C7C79 #688D8A #945C99 #A170A5 #99945C #878251

Split Complementary Palette

#5E7F7C #688D8A #8D687D #98778A #8D7768 #7F6B5E

Square Palette

#577674 #688D8A #77688D #8D686B #7D8D68 #929F80

Tetradic Palette

#557471 #688D8A #5259A3 #8D686B #A39C52 #B4AE71

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #688D8A contains 104 red, 141 green, and 138 blue.

Contrast Ratio: 3.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.85:1