#485680 Color

Color Information

HEX#485680
RGB72, 86, 128
HSL225° , 28% , 39%
HSV225° , 44% , 50%
CMYK44%, 33%, 0%, 50%

Lighter Shades

#5E6A8F #747F9E #8A93AE #A0A7BD #B6BBCC #CCD0DB

Darker Shades

#3F4C71 #374161 #2E3752 #252D43 #1D2233 #141824

Complementary Palette

#3E4A6E #485680 #6D613E #7F7148 #918562 #626E92

Analogous Palette

#4E636A #556B72 #445178 #485680 #5C5572 #685F81

Triadic Palette

#3F4C71 #485680 #893E51 #975566 #51893E #477937

Split Complementary Palette

#414D73 #485680 #7F5648 #8C675A #717F48 #667241

Square Palette

#3C486C #485680 #75526C #756C52 #487F56 #659371

Tetradic Palette

#3B4769 #485680 #7A3691 #7F7148 #4D9136 #6DA55A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #485680 contains 72 red, 86 green, and 128 blue.

Contrast Ratio: 7.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1