#485652 Color

Color Information

HEX#485652
RGB72, 86, 82
HSL163° , 9% , 31%
HSV163° , 16% , 34%
CMYK16%, 0%, 5%, 66%

Lighter Shades

#5E6A67 #747F7C #8A9390 #A0A7A5 #B6BBBA #CCD0CF

Darker Shades

#3F4C48 #37413E #2E3734 #252D2B #1D2221 #141817

Complementary Palette

#3E4A47 #485652 #4A3E41 #56484C #6E6265 #626E6A

Analogous Palette

#3D5242 #435B48 #44514D #485652 #43565B #50666D

Triadic Palette

#3F4C48 #485652 #56405E #6A5771 #5E5640 #534C38

Split Complementary Palette

#414D4A #485652 #564853 #675A64 #564B48 #4D4441

Square Palette

#3C4845 #485652 #48435B #5B434A #535648 #6F7165

Tetradic Palette

#3B4743 #485652 #3A4664 #56484C #64583A #80765D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #485652 contains 72 red, 86 green, and 82 blue.

Contrast Ratio: 7.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.69:1