#486F50 Color

Color Information

HEX#486F50
RGB72, 111, 80
HSL132° , 21% , 36%
HSV132° , 35% , 44%
CMYK35%, 0%, 28%, 56%

Lighter Shades

#5E8065 #74927A #8AA38F #A0B4A4 #B6C5B9 #CCD7CE

Darker Shades

#3F6246 #37543D #2E4733 #253A2A #1D2C20 #141F16

Complementary Palette

#3E5F45 #486F50 #5F3F59 #6F4967 #83627C #628369

Analogous Palette

#4F6148 #566A4E #44684B #486F50 #4E6A62 #59786E

Triadic Palette

#3F6246 #486F50 #4A3F78 #605688 #784A3F #6A4137

Split Complementary Palette

#416448 #486F50 #64496F #745B7D #6F4954 #64424C

Square Palette

#3C5D43 #486F50 #4E566A #6A4E64 #6F6449 #867D66

Tetradic Palette

#3B5B42 #486F50 #387080 #6F4967 #804538 #97665C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486F50 contains 72 red, 111 green, and 80 blue.

Contrast Ratio: 5.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.67:1