#535E89 Color

Color Information

HEX#535E89
RGB83, 94, 137
HSL228° , 25% , 43%
HSV228° , 39% , 54%
CMYK39%, 31%, 0%, 46%

Lighter Shades

#687197 #7C85A5 #9198B3 #A6ABC2 #BABFD0 #CFD2DE

Darker Shades

#495379 #3F4768 #353C58 #2B3147 #212637 #171A26

Complementary Palette

#475176 #535E89 #766C47 #897E52 #9A906A #6B759A

Analogous Palette

#556972 #5D757E #4E5881 #535E89 #685D7E #71668A

Triadic Palette

#495379 #535E89 #944757 #A15D6B #579447 #4D823E

Split Complementary Palette

#4B557B #535E89 #896352 #957363 #798952 #6D7B4A

Square Palette

#464F73 #535E89 #7E5D75 #7E785D #528963 #6E9C7C

Tetradic Palette

#444D70 #535E89 #8A3F9D #897E52 #519D3F #70AF62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535E89 contains 83 red, 94 green, and 137 blue.

Contrast Ratio: 6.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.32:1