#486C7B Color

Color Information

HEX#486C7B
RGB72, 108, 123
HSL198° , 26% , 38%
HSV198° , 41% , 48%
CMYK41%, 12%, 0%, 52%

Lighter Shades

#5E7E8B #748F9B #8AA1AB #A0B3BA #B6C4CA #CCD6DA

Darker Shades

#3F5F6C #37525D #2E454F #253840 #1D2B31 #141E22

Complementary Palette

#3E5D6A #486C7B #694B3E #7A5748 #8D6F62 #62818D

Analogous Palette

#4C6761 #526F6A #446674 #486C7B #52586F #5D647E

Triadic Palette

#3F5F6C #486C7B #843E6F #935580 #6F843E #627437

Split Complementary Palette

#41616F #486C7B #7A4852 #875A63 #7A7048 #6E6541

Square Palette

#3C5B67 #486C7B #6A5170 #705B51 #527A48 #6E8F65

Tetradic Palette

#3B5965 #486C7B #50368C #7A5748 #728C36 #8BA15A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486C7B contains 72 red, 108 green, and 123 blue.

Contrast Ratio: 5.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.71:1