#486C5A Color

Color Information

HEX	#486C5A
RGB	72, 108, 90
HSL	150° , 20% , 35%
HSV	150° , 33% , 42%
CMYK	33%, 0%, 17%, 58%

Lighter Shades

#5E7E6E #748F82 #8AA195 #A0B3A9 #B6C4BD #CCD6D1

Darker Shades

#3F5F4F #375244 #2E453A #25382F #1D2B24 #141E19

Complementary Palette

#3E5D4D #486C5A #5C3D4D #6B4759 #806170 #628171

Analogous Palette

#455E45 #4C674C #446655 #486C5A #4C6767 #577575

Triadic Palette

#3F5F4F #486C5A #593E74 #6D5585 #74593E #664E37

Split Complementary Palette

#416151 #486C5A #6B476B #7A597A #6B4747 #604040

Square Palette

#3C5B4C #486C5A #4C4C67 #674C59 #6B6B47 #838364

Tetradic Palette

#3B594A #486C5A #37597B #6B4759 #7B5937 #93775B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486C5A contains 72 red, 108 green, and 90 blue.

Contrast Ratio: 5.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.57:1