#535E78 Color

Color Information

HEX	#535E78
RGB	83, 94, 120
HSL	222° , 18% , 40%
HSV	222° , 31% , 47%
CMYK	31%, 22%, 0%, 53%

Lighter Shades

#687188 #7C8598 #9198A9 #A6ABB9 #BABFC9 #CFD2D9

Darker Shades

#49536A #3F475B #353C4D #2B313E #212630 #171A22

Complementary Palette

#475167 #535E78 #675E48 #786D54 #8B816C #6B758B

Analogous Palette

#50676D #576F75 #4E5871 #535E78 #5D5775 #686284

Triadic Palette

#49536A #535E78 #83495B #925F6F #5B8349 #507340

Split Complementary Palette

#4B556C #535E78 #785B54 #866B65 #717854 #666C4C

Square Palette

#464F65 #535E78 #75576F #756C57 #54785B #6F8E75

Tetradic Palette

#444D62 #535E78 #75418B #786D54 #578B41 #75A063

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535E78 contains 83 red, 94 green, and 120 blue.

Contrast Ratio: 6.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.23:1