#696B80 Color

Color Information

HEX#696B80
RGB105, 107, 128
HSL235° , 10% , 46%
HSV235° , 18% , 50%
CMYK18%, 16%, 0%, 50%

Lighter Shades

#7B7D8F #8D8F9E #9FA0AE #B1B2BD #C3C4CC #D5D6DB

Darker Shades

#5C5E71 #505161 #434452 #373843 #2A2B33 #1D1E24

Complementary Palette

#5A5C6E #696B80 #6F6D5B #817F6A #93917F #7E8092

Analogous Palette

#5D6E7E #647887 #636578 #696B80 #716487 #7B6C93

Triadic Palette

#5C5E71 #696B80 #8D5E62 #9B7175 #628D5E #567C53

Split Complementary Palette

#5F6073 #696B80 #81736A #8E8179 #77816A #6B745F

Square Palette

#585A6C #696B80 #876478 #878464 #6A8173 #829589

Tetradic Palette

#565869 #696B80 #915496 #817F6A #5A9654 #78A973

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696B80 contains 105 red, 107 green, and 128 blue.

Contrast Ratio: 5.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.04:1