#535F76 Color

Color Information

HEX#535F76
RGB83, 95, 118
HSL219° , 17% , 39%
HSV219° , 30% , 46%
CMYK30%, 19%, 0%, 54%

Lighter Shades

#687286 #7C8597 #9199A7 #A6ACB8 #BABFC8 #CFD2D9

Darker Shades

#495468 #3F485A #353D4C #2B313D #21262F #171B21

Complementary Palette

#475265 #535F76 #645A47 #746953 #877E6B #6B7589

Analogous Palette

#4E656A #556E72 #4E596F #535F76 #595572 #645F81

Triadic Palette

#495468 #535F76 #7E495A #8D5F6E #5A7E49 #4F6F40

Split Complementary Palette

#4B566A #535F76 #745853 #826964 #6F7453 #64684B

Square Palette

#465063 #535F76 #72556E #726855 #537458 #6F8A73

Tetradic Palette

#444E61 #535F76 #6F4186 #746953 #588641 #769C63

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535F76 contains 83 red, 95 green, and 118 blue.

Contrast Ratio: 6.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.25:1