#535C90 Color

Color Information

HEX#535C90
RGB83, 92, 144
HSL231° , 27% , 45%
HSV231° , 42% , 56%
CMYK42%, 36%, 0%, 44%

Lighter Shades

#68709D #7C83AB #9197B8 #A6AAC5 #BABED3 #CFD1E0

Darker Shades

#49517F #3F466D #353B5C #2B304B #21253A #171A28

Complementary Palette

#474F7C #535C90 #7E7548 #928854 #A1996C #6B73A0

Analogous Palette

#596D78 #627884 #4E5687 #535C90 #6D6284 #796C93

Triadic Palette

#49517F #535C90 #9D4855 #A95E69 #559D48 #4B8A3F

Split Complementary Palette

#4B5382 #535C90 #926954 #9D7865 #7C9254 #70834C

Square Palette

#464D79 #535C90 #865F79 #86805F #549269 #6FA381

Tetradic Palette

#444B76 #535C90 #953FA6 #928854 #4FA63F #6FB662

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535C90 contains 83 red, 92 green, and 144 blue.

Contrast Ratio: 6.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.29:1