#536D90 Color

Color Information

HEX#536D90
RGB83, 109, 144
HSL214° , 27% , 45%
HSV214° , 42% , 56%
CMYK42%, 24%, 0%, 44%

Lighter Shades

#687F9D #7C90AB #91A2B8 #A6B3C5 #BAC5D3 #CFD6E0

Darker Shades

#49607F #3F536D #35465C #2B394B #212C3A #171F28

Complementary Palette

#475E7C #536D90 #7E6648 #927754 #A18A6C #6B81A0

Analogous Palette

#597778 #628284 #4E6687 #536D90 #646284 #6E6C93

Triadic Palette

#49607F #536D90 #9D486D #A95E7F #6D9D48 #608A3F

Split Complementary Palette

#4B6282 #536D90 #925854 #9D6965 #8E9254 #80834C

Square Palette

#465C79 #536D90 #865F84 #86755F #549258 #6FA373

Tetradic Palette

#445976 #536D90 #7A3FA6 #927754 #6CA63F #86B662

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536D90 contains 83 red, 109 green, and 144 blue.

Contrast Ratio: 5.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.98:1