#6A988C Color

Color Information

HEX#6A988C
RGB106, 152, 140
HSL164° , 18% , 51%
HSV164° , 30% , 60%
CMYK30%, 0%, 8%, 40%

Lighter Shades

#7CA49A #8EB1A8 #A0BDB5 #B2C9C3 #C3D6D1 #D5E2DF

Darker Shades

#5D867B #51746A #44615A #374F49 #2A3D38 #1E2B27

Complementary Palette

#5B8378 #6A988C #845D67 #996C78 #A7818B #7FA69C

Analogous Palette

#668A6E #6F9577 #648F84 #6A988C #6F8B95 #7B959D

Triadic Palette

#5D867B #6A988C #925FA5 #9F72B0 #A5925F #918054

Split Complementary Palette

#5F897E #6A988C #996C8E #A37B99 #99766C #8A6A61

Square Palette

#598076 #6A988C #776F95 #956F79 #8E996C #A0A984

Tetradic Palette

#577D73 #6A988C #556DAF #996C78 #AF9755 #BDAA74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A988C contains 106 red, 152 green, and 140 blue.

Contrast Ratio: 3.19:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.59:1