#536A4E Color

Color Information

HEX#536A4E
RGB83, 106, 78
HSL109° , 15% , 36%
HSV109° , 26% , 42%
CMYK22%, 0%, 26%, 58%

Lighter Shades

#687C63 #7C8E78 #91A08E #A6B2A3 #BAC3B8 #CFD5CD

Darker Shades

#495D45 #3F513B #354432 #2B3729 #212A1F #171E16

Complementary Palette

#475B43 #536A4E #57435B #654E6A #7B677F #6B7F67

Analogous Palette

#586148 #616A4E #4E6449 #536A4E #4E6A57 #597862

Triadic Palette

#495D45 #536A4E #454D73 #5B6284 #73454D #653D44

Split Complementary Palette

#4B5F46 #536A4E #574E6A #686079 #6A4E61 #5F4657

Square Palette

#465942 #536A4E #4E616A #654E6A #6A574E #82726A

Tetradic Palette

#445740 #536A4E #3E7A6F #654E6A #7A3E49 #92616A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536A4E contains 83 red, 106 green, and 78 blue.

Contrast Ratio: 5.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.54:1