#535566 Color

Color Information

HEX	#535566
RGB	83, 85, 102
HSL	234° , 10% , 36%
HSV	234° , 19% , 40%
CMYK	19%, 17%, 0%, 60%

Lighter Shades

#686978 #7C7E8B #91929D #A6A7AF #BABBC2 #CFCFD4

Darker Shades

#494B5A #3F414E #353641 #2B2C35 #212229 #17181D

Complementary Palette

#474958 #535566 #575547 #656353 #7B796B #6B6D7B

Analogous Palette

#485661 #4E5F6A #4E5060 #535566 #594E6A #655978

Triadic Palette

#494B5A #535566 #6E494B #7F5F61 #4B6E49 #426140

Split Complementary Palette

#4B4D5C #535566 #655A53 #746B64 #5E6553 #555B4B

Square Palette

#464756 #535566 #6A4E5F #6A664E #53655A #6F7E74

Tetradic Palette

#444654 #535566 #704276 #656353 #457642 #668F64

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535566 contains 83 red, 85 green, and 102 blue.

Contrast Ratio: 7.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.83:1