#54789C Color

Color Information

HEX#54789C
RGB84, 120, 156
HSL210° , 30% , 47%
HSV210° , 46% , 61%
CMYK46%, 23%, 0%, 39%

Lighter Shades

#6988A8 #7D98B4 #92A9C0 #A6B9CC #BBC9D7 #CFD9E3

Darker Shades

#4A6A89 #405B77 #364D64 #2C3E51 #22303E #18222C

Complementary Palette

#486786 #54789C #866748 #9C7854 #AA8B6C #6C8BAA

Analogous Palette

#5D7E7E #668A8A #4F7193 #54789C #66668A #6F6F95

Triadic Palette

#4A6A89 #54789C #A84878 #B25E88 #78A848 #6A943F

Split Complementary Palette

#4C6C8C #54789C #9C5454 #A66565 #9C9C54 #8C8C4C

Square Palette

#476583 #54789C #906090 #907860 #549C54 #6FAC6F

Tetradic Palette

#456280 #54789C #783EB1 #9C7854 #78B13E #90BF61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #54789C contains 84 red, 120 green, and 156 blue.

Contrast Ratio: 4.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.58:1