#9896A0 Color

Color Information

HEX	#9896A0
RGB	152, 150, 160
HSL	252° , 5% , 61%
HSV	252° , 6% , 63%
CMYK	5%, 6%, 0%, 37%

Lighter Shades

#A4A3AB #B1AFB7 #BDBCC2 #C9C8CE #D6D5D9 #E2E2E4

Darker Shades

#86848D #74727A #616066 #4F4E53 #3D3C40 #2B2A2D

Complementary Palette

#83818A #9896A0 #898A82 #9FA197 #ACAEA6 #A6A5AD

Analogous Palette

#7E89A0 #8D96AA #8F8D96 #9896A0 #A28DAA #A995B1

Triadic Palette

#86848D #9896A0 #AA938D #B4A09B #8DAA93 #7C9681

Split Complementary Palette

#898790 #9896A0 #A19E97 #AAA8A1 #9AA197 #8B9188

Square Palette

#807E86 #9896A0 #AA8D96 #A5AA8D #97A19E #A8B0AE

Tetradic Palette

#7D7B83 #9896A0 #B285A9 #9FA197 #85B28E #9BC0A2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9896A0 contains 152 red, 150 green, and 160 blue.

Contrast Ratio: 2.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.33:1