#486A4D Color

Color Information

HEX#486A4D
RGB72, 106, 77
HSL129° , 19% , 35%
HSV129° , 32% , 42%
CMYK32%, 0%, 27%, 58%

Lighter Shades

#5E7C62 #748E78 #8AA08D #A0B2A2 #B6C3B8 #CCD5CD

Darker Shades

#3F5D44 #37513B #2E4431 #253728 #1D2A1F #141E16

Complementary Palette

#3E5B42 #486A4D #5B3E57 #6A4865 #7F627B #627F66

Analogous Palette

#4E5E45 #55674C #446448 #486A4D #4C675D #57756B

Triadic Palette

#3F5D44 #486A4D #473F73 #5D5684 #73473F #653E37

Split Complementary Palette

#415F45 #486A4D #5E486A #6E5A79 #6A4854 #5F414C

Square Palette

#3C5941 #486A4D #4C5567 #674C63 #6A5E48 #827865

Tetradic Palette

#3B573F #486A4D #38707A #6A4865 #7A4238 #92645C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486A4D contains 72 red, 106 green, and 77 blue.

Contrast Ratio: 6.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.44:1