#486575 Color

Color Information

HEX#486575
RGB72, 101, 117
HSL201° , 24% , 37%
HSV201° , 38% , 46%
CMYK38%, 14%, 0%, 54%

Lighter Shades

#5E7786 #748A96 #8A9CA7 #A0AFB7 #B6C1C8 #CCD4D8

Darker Shades

#3F5967 #374D59 #2E414B #25353D #1D282F #141C21

Complementary Palette

#3E5765 #486575 #654C3E #755848 #886F62 #627B88

Analogous Palette

#4A645F #506D68 #445F6E #486575 #50546D #5B5F7B

Triadic Palette

#3F5967 #486575 #7E3E68 #8D557A #687E3E #5C6F37

Split Complementary Palette

#415B69 #486575 #75484E #835A60 #756E48 #696341

Square Palette

#3C5562 #486575 #68506D #6D5A50 #4E7548 #6A8B65

Tetradic Palette

#3B5360 #486575 #523786 #755848 #6A8637 #859C5B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486575 contains 72 red, 101 green, and 117 blue.

Contrast Ratio: 6.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.39:1