#525F75 Color

Color Information

HEX#525F75
RGB82, 95, 117
HSL218° , 18% , 39%
HSV218° , 30% , 46%
CMYK30%, 19%, 0%, 54%

Lighter Shades

#677286 #7C8596 #9099A7 #A5ACB7 #BABFC8 #CFD2D8

Darker Shades

#485467 #3E4859 #343D4B #2B313D #21262F #171B21

Complementary Palette

#475265 #525F75 #655947 #756852 #887D6A #6A7588

Analogous Palette

#4E666A #556F72 #4D596E #525F75 #585572 #645F81

Triadic Palette

#485467 #525F75 #7F485C #8E5E70 #5C7F48 #51703F

Split Complementary Palette

#4A5669 #525F75 #755652 #836763 #717552 #66694A

Square Palette

#455062 #525F75 #72556F #726755 #527556 #6E8B71

Tetradic Palette

#434E60 #525F75 #6D4087 #756852 #5A8740 #789D62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #525F75 contains 82 red, 95 green, and 117 blue.

Contrast Ratio: 6.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.24:1