#54819F Color

Color Information

HEX	#54819F
RGB	84, 129, 159
HSL	204° , 31% , 48%
HSV	204° , 47% , 62%
CMYK	47%, 19%, 0%, 38%

Lighter Shades

#6990AB #7D9FB6 #92AEC2 #A6BDCD #BBCDD9 #CFDCE4

Darker Shades

#4A728C #406279 #365366 #2C4353 #223440 #18242D

Complementary Palette

#486F89 #54819F #8A6348 #A07354 #AD876C #6C93AC

Analogous Palette

#5F817E #688D89 #4F7995 #54819F #686C8D #727697

Triadic Palette

#4A728C #54819F #AD4884 #B75E93 #84AD48 #74983F

Split Complementary Palette

#4C748F #54819F #A0545C #AA656C #A09954 #908A4C

Square Palette

#476C86 #54819F #8F6194 #947561 #5CA054 #76AF6F

Tetradic Palette

#456A82 #54819F #6E3EB6 #A07354 #86B63E #9CC361

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54819F contains 84 red, 129 green, and 159 blue.

Contrast Ratio: 4.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.07:1