#54969B Color

Color Information

HEX	#54969B
RGB	84, 150, 155
HSL	184° , 30% , 47%
HSV	184° , 46% , 61%
CMYK	46%, 3%, 0%, 39%

Lighter Shades

#69A3A7 #7DAFB3 #92BCBF #A6C8CB #BBD5D7 #CFE2E3

Darker Shades

#4A8488 #407276 #366063 #2C4E51 #223C3E #182A2B

Complementary Palette

#488185 #54969B #864D48 #9C5954 #AA706C #6CA5A9

Analogous Palette

#5D7E70 #668A7A #4F8D92 #54969B #66758A #6F7F95

Triadic Palette

#4A8488 #54969B #A848A1 #B25EAC #A1A848 #8E943F

Split Complementary Palette

#4C878C #54969B #9C5473 #A66581 #9C7D54 #8C714C

Square Palette

#477E82 #54969B #7B6090 #906360 #739C54 #89AC6F

Tetradic Palette

#457B7F #54969B #463EB1 #9C5954 #AAB13E #B9BF61

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54969B contains 84 red, 150 green, and 155 blue.

Contrast Ratio: 3.33:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.3:1