#535C6D Color

Color Information

HEX#535C6D
RGB83, 92, 109
HSL219° , 14% , 38%
HSV219° , 24% , 43%
CMYK24%, 16%, 0%, 57%

Lighter Shades

#68707F #7C8390 #9197A2 #A6AAB3 #BABEC5 #CFD1D6

Darker Shades

#495160 #3F4653 #353B46 #2B3039 #21252C #171A1F

Complementary Palette

#474F5E #535C6D #5F5747 #6E6553 #827B6B #6B7381

Analogous Palette

#4C6467 #526B6F #4E5666 #535C6D #57526F #615D7E

Triadic Palette

#495160 #535C6D #784A5B #88606F #5B784A #506A41

Split Complementary Palette

#4B5362 #535C6D #6E5753 #7D6864 #6A6E53 #5F634B

Square Palette

#464D5C #535C6D #6F526B #6F6652 #536E57 #6F8572

Tetradic Palette

#444B59 #535C6D #6B4280 #6E6553 #598042 #779764

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535C6D contains 83 red, 92 green, and 109 blue.

Contrast Ratio: 6.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.1:1