#485878 Color

Color Information

HEX#485878
RGB72, 88, 120
HSL220° , 25% , 38%
HSV220° , 40% , 47%
CMYK40%, 27%, 0%, 53%

Lighter Shades

#5E6C88 #748098 #8A94A9 #A0A8B9 #B6BCC9 #CCD0D9

Darker Shades

#3F4D6A #37435B #2E384D #252E3E #1D2330 #141922

Complementary Palette

#3E4C67 #485878 #685A3F #796949 #8C7E62 #626F8B

Analogous Palette

#4C6267 #526B6F #445371 #485878 #57526F #635D7E

Triadic Palette

#3F4D6A #485878 #833F56 #92566A #56833F #4C7337

Split Complementary Palette

#414F6C #485878 #795149 #86625B #717949 #666D42

Square Palette

#3C4A65 #485878 #6F526B #6F6652 #497951 #668E6D

Tetradic Palette

#3B4862 #485878 #6F378B #796949 #538B37 #72A05B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #485878 contains 72 red, 88 green, and 120 blue.

Contrast Ratio: 7.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.92:1