#699E8C Color

Color Information

HEX#699E8C
RGB105, 158, 140
HSL160° , 21% , 52%
HSV160° , 34% , 62%
CMYK34%, 0%, 11%, 38%

Lighter Shades

#7BAA9A #8DB5A8 #9FC1B5 #B1CDC3 #C3D8D1 #D5E4DF

Darker Shades

#5C8B7B #50786A #43655A #375249 #2A3F38 #1D2C27

Complementary Palette

#5A8878 #699E8C #885C6B #9E6B7C #AC808E #7EAC9C

Analogous Palette

#688D6E #729778 #639584 #699E8C #729197 #7E9AA0

Triadic Palette

#5C8B7B #699E8C #915FAB #9E72B5 #AB915F #968054

Split Complementary Palette

#5F8E7E #699E8C #9E6B96 #A87AA1 #9E736B #8E6860

Square Palette

#588576 #699E8C #787297 #97727E #969E6B #A7AE83

Tetradic Palette

#568273 #699E8C #5575B4 #9E6B7C #B49555 #C2A874

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #699E8C contains 105 red, 158 green, and 140 blue.

Contrast Ratio: 3.01:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.98:1