#486A60 Color

Color Information

HEX	#486A60
RGB	72, 106, 96
HSL	162° , 19% , 35%
HSV	162° , 32% , 42%
CMYK	32%, 0%, 9%, 58%

Lighter Shades

#5E7C73 #748E86 #8AA099 #A0B2AC #B6C3BF #CCD5D2

Darker Shades

#3F5D54 #375149 #2E443D #253732 #1D2A26 #141E1B

Complementary Palette

#3E5B53 #486A60 #5B3E47 #6A4852 #7F626A #627F76

Analogous Palette

#455E4B #4C6751 #44645A #486A60 #4C6167 #576E75

Triadic Palette

#3F5D54 #486A60 #643F73 #775684 #73643F #655837

Split Complementary Palette

#415F56 #486A60 #6A4863 #795A73 #6A4F48 #5F4741

Square Palette

#3C5951 #486A60 #514C67 #674C54 #636A48 #7C8265

Tetradic Palette

#3B574F #486A60 #384C7A #6A4852 #7A6638 #92825C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486A60 contains 72 red, 106 green, and 96 blue.

Contrast Ratio: 5.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.51:1