#486F6B Color

Color Information

HEX	#486F6B
RGB	72, 111, 107
HSL	174° , 21% , 36%
HSV	174° , 35% , 44%
CMYK	35%, 0%, 4%, 56%

Lighter Shades

#5E807D #74928F #8AA3A0 #A0B4B2 #B6C5C4 #CCD7D6

Darker Shades

#3F625E #375451 #2E4744 #253A38 #1D2C2B #141F1E

Complementary Palette

#3E5F5C #486F6B #5F3F41 #6F494C #836265 #628380

Analogous Palette

#486152 #4E6A59 #446865 #486F6B #4E5F6A #596C78

Triadic Palette

#3F625E #486F6B #733F78 #845688 #78733F #6A6537

Split Complementary Palette

#416460 #486F6B #6F4960 #7D5B70 #6F5849 #644F42

Square Palette

#3C5D5A #486F6B #594E6A #6A4E50 #606F49 #798666

Tetradic Palette

#3B5B58 #486F6B #383E80 #6F494C #807838 #97905C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486F6B contains 72 red, 111 green, and 107 blue.

Contrast Ratio: 5.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.77:1