#535676 Color

Color Information

HEX	#535676
RGB	83, 86, 118
HSL	235° , 17% , 39%
HSV	235° , 30% , 46%
CMYK	30%, 27%, 0%, 54%

Lighter Shades

#686A86 #7C7F97 #9193A7 #A6A7B8 #BABBC8 #CFD0D9

Darker Shades

#494C68 #3F415A #35374C #2B2D3D #21222F #171821

Complementary Palette

#474A65 #535676 #646247 #747253 #87866B #6B6E89

Analogous Palette

#4E5E6A #556672 #4E516F #535676 #615572 #6E5F81

Triadic Palette

#494C68 #535676 #7E494C #8D5F61 #4C7E49 #436F40

Split Complementary Palette

#4B4D6A #535676 #746153 #827164 #667453 #5C684B

Square Palette

#464863 #535676 #725566 #727055 #537461 #6F8A7A

Tetradic Palette

#444761 #535676 #824186 #747253 #458641 #669C63

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535676 contains 83 red, 86 green, and 118 blue.

Contrast Ratio: 7.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.93:1