#536E85 Color

Color Information

HEX	#536E85
RGB	83, 110, 133
HSL	208° , 23% , 42%
HSV	208° , 38% , 52%
CMYK	38%, 17%, 0%, 48%

Lighter Shades

#687F94 #7C91A2 #91A2B1 #A6B4C0 #BAC5CE #CFD6DD

Darker Shades

#496175 #3F5465 #354655 #2B3945 #212C35 #171F25

Complementary Palette

#475F72 #536E85 #725A47 #846952 #957E6A #6B8296

Analogous Palette

#526F6F #5B7B7A #4E677D #536E85 #5B5C7B #66688A

Triadic Palette

#496175 #536E85 #8E486D #9C5E7F #6D8E48 #607D3F

Split Complementary Palette

#4B6378 #536E85 #845254 #906365 #848252 #77754A

Square Palette

#465C70 #536E85 #7A5B7B #7B6A5B #548452 #6F986E

Tetradic Palette

#445A6D #536E85 #683F97 #846952 #6E973F #88AA62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536E85 contains 83 red, 110 green, and 133 blue.

Contrast Ratio: 5.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.95:1