#486B64 Color

Color Information

HEX#486B64
RGB72, 107, 100
HSL168° , 20% , 35%
HSV168° , 33% , 42%
CMYK33%, 0%, 7%, 58%

Lighter Shades

#5E7D77 #748F89 #8AA09C #A0B2AE #B6C4C1 #CCD6D4

Darker Shades

#3F5E58 #37514C #2E4440 #253834 #1D2B28 #141E1C

Complementary Palette

#3E5C56 #486B64 #5C3D44 #6B474F #806168 #62807A

Analogous Palette

#455E4D #4C6754 #44655E #486B64 #4C5F67 #576C75

Triadic Palette

#3F5E58 #486B64 #693E74 #7B5585 #74693E #665C37

Split Complementary Palette

#41605A #486B64 #6B4760 #7A5970 #6B5247 #604A40

Square Palette

#3C5A54 #486B64 #544C67 #674C52 #606B47 #798364

Tetradic Palette

#3B5852 #486B64 #37467B #6B474F #7B6E37 #93885B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486B64 contains 72 red, 107 green, and 100 blue.

Contrast Ratio: 5.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1