#485780 Color

Color Information

HEX	#485780
RGB	72, 87, 128
HSL	224° , 28% , 39%
HSV	224° , 44% , 50%
CMYK	44%, 32%, 0%, 50%

Lighter Shades

#5E6B8F #747F9E #8A93AE #A0A8BD #B6BCCC #CCD0DB

Darker Shades

#3F4D71 #374261 #2E3852 #252D43 #1D2333 #141824

Complementary Palette

#3E4B6E #485780 #6D603E #7F7048 #918462 #626F92

Analogous Palette

#4E636A #556B72 #445278 #485780 #5B5572 #675F81

Triadic Palette

#3F4D71 #485780 #893E51 #975566 #51893E #477937

Split Complementary Palette

#414E73 #485780 #7F5548 #8C665A #727F48 #677241

Square Palette

#3C496C #485780 #75526D #756C52 #487F55 #659370

Tetradic Palette

#3B4769 #485780 #793691 #7F7048 #4D9136 #6DA55A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #485780 contains 72 red, 87 green, and 128 blue.

Contrast Ratio: 7.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.92:1