#536168 Color

Color Information

HEX	#536168
RGB	83, 97, 104
HSL	200° , 11% , 37%
HSV	200° , 20% , 41%
CMYK	20%, 7%, 0%, 59%

Lighter Shades

#68747A #7C878C #919A9E #A6ADB0 #BAC0C3 #CFD3D5

Darker Shades

#49555C #3F4A4F #353E43 #2B3236 #21272A #171B1D

Complementary Palette

#475359 #536168 #5A4E48 #695B54 #7E726C #6B777D

Analogous Palette

#4A645F #506D67 #4E5B62 #536168 #50546D #5B5E7B

Triadic Palette

#49555C #536168 #724B65 #836177 #65724B #596442

Split Complementary Palette

#4B575E #536168 #695457 #786568 #696554 #5F5B4C

Square Palette

#465157 #536168 #67506D #6D5A50 #576954 #72816F

Tetradic Palette

#445055 #536168 #55437A #695B54 #677A43 #829265

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536168 contains 83 red, 97 green, and 104 blue.

Contrast Ratio: 6.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.27:1