#536F59 Color

Color Information

HEX#536F59
RGB83, 111, 89
HSL133° , 14% , 38%
HSV133° , 25% , 44%
CMYK25%, 0%, 20%, 56%

Lighter Shades

#68806D #7C9281 #91A395 #A6B4A9 #BAC5BD #CFD7D1

Darker Shades

#49624E #3F5444 #354739 #2B3A2E #212C24 #171F19

Complementary Palette

#475F4D #536F59 #5F475A #6E5369 #826B7E #6B8370

Analogous Palette

#54674C #5B6F52 #4E6854 #536F59 #526F68 #5D7E75

Triadic Palette

#49624E #536F59 #544A78 #696088 #78544A #6A4A41

Split Complementary Palette

#4B6450 #536F59 #67536E #76647D #6E535B #634B52

Square Palette

#465D4B #536F59 #525B6F #6F526A #6E6753 #857F6F

Tetradic Palette

#445B49 #536F59 #427580 #6E5369 #804F42 #976F64

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536F59 contains 83 red, 111 green, and 89 blue.

Contrast Ratio: 5.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.8:1