#688D96 Color

Color Information

HEX#688D96
RGB104, 141, 150
HSL192° , 18% , 50%
HSV192° , 31% , 59%
CMYK31%, 6%, 0%, 41%

Lighter Shades

#7A9BA3 #8CA8AF #9EB6BC #B0C4C8 #C3D1D5 #D5DFE2

Darker Shades

#5C7C84 #4F6B72 #435A60 #36494E #2A383C #1D272A

Complementary Palette

#597981 #688D96 #81625A #967269 #A5867E #7D9DA5

Analogous Palette

#64877C #6C9388 #62858D #688D96 #6C7793 #78839B

Triadic Palette

#5C7C84 #688D96 #A35C95 #AE70A2 #95A35C #838F51

Split Complementary Palette

#5E7F87 #688D96 #966976 #A17884 #968969 #877B5F

Square Palette

#57767E #688D96 #886C93 #93746C #769669 #8CA781

Tetradic Palette

#55747B #688D96 #6452AD #967269 #9BAD52 #ADBC71

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #688D96 contains 104 red, 141 green, and 150 blue.

Contrast Ratio: 3.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.93:1