#536A4D Color

Color Information

HEX#536A4D
RGB83, 106, 77
HSL108° , 16% , 36%
HSV108° , 27% , 42%
CMYK22%, 0%, 27%, 58%

Lighter Shades

#687C62 #7C8E78 #91A08D #A6B2A2 #BAC3B8 #CFD5CD

Darker Shades

#495D44 #3F513B #354431 #2B3728 #212A1F #171E16

Complementary Palette

#475B42 #536A4D #57425B #654D6A #7B667F #6B7F66

Analogous Palette

#596148 #626A4E #4E6448 #536A4D #4E6A57 #597863

Triadic Palette

#495D44 #536A4D #444D74 #5A6285 #74444D #663C44

Split Complementary Palette

#4B5F45 #536A4D #564D6A #675F79 #6A4D62 #5F4558

Square Palette

#465941 #536A4D #4E626A #654E6A #6A564D #827169

Tetradic Palette

#44573F #536A4D #3D7B71 #654D6A #7B3D49 #93606A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536A4D contains 83 red, 106 green, and 77 blue.

Contrast Ratio: 5.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.54:1