#486C8D Color

Color Information

HEX#486C8D
RGB72, 108, 141
HSL209° , 32% , 42%
HSV209° , 49% , 55%
CMYK49%, 23%, 0%, 45%

Lighter Shades

#5E7E9B #748FA8 #8AA1B6 #A0B3C4 #B6C4D1 #CCD6DF

Darker Shades

#3F5F7C #37526B #2E455A #253849 #1D2B38 #141E27

Complementary Palette

#3E5D79 #486C8D #795B3F #8D6A49 #9D7F62 #62819D

Analogous Palette

#557272 #5B7B7B #446685 #486C8D #5B5C7B #66668A

Triadic Palette

#3F5F7C #486C8D #983E6D #A4557F #6D983E #608637

Split Complementary Palette

#41617F #486C8D #8D494A #985B5C #8D8C49 #7F7E42

Square Palette

#3C5B76 #486C8D #825483 #836A54 #4A8D49 #679F66

Tetradic Palette

#3B5974 #486C8D #6936A1 #8D6A49 #6DA136 #87B25A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486C8D contains 72 red, 108 green, and 141 blue.

Contrast Ratio: 5.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.82:1