#54829D Color

Color Information

HEX	#54829D
RGB	84, 130, 157
HSL	202° , 30% , 47%
HSV	202° , 46% , 62%
CMYK	46%, 17%, 0%, 38%

Lighter Shades

#6991A9 #7DA0B5 #92AFC0 #A6BECC #BBCDD8 #CFDCE4

Darker Shades

#4A728A #406377 #365364 #2C4452 #22343F #18242C

Complementary Palette

#487087 #54829D #865F48 #9C6E54 #AA826C #6C94AB

Analogous Palette

#5D7E79 #668A85 #4F7A94 #54829D #666A8A #6F7495

Triadic Palette

#4A728A #54829D #A84883 #B25E92 #83A848 #73943F

Split Complementary Palette

#4C758D #54829D #9C545D #A6656D #9C9254 #8C834C

Square Palette

#476D84 #54829D #896090 #907160 #5D9C54 #77AC6F

Tetradic Palette

#456B81 #54829D #693EB1 #9C6E54 #85B13E #9BBF61

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54829D contains 84 red, 130 green, and 157 blue.

Contrast Ratio: 4.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.12:1