#54506D Color

Color Information

HEX#54506D
RGB84, 80, 109
HSL248° , 15% , 37%
HSV248° , 27% , 43%
CMYK23%, 27%, 0%, 57%

Lighter Shades

#69657F #7D7A90 #928FA2 #A6A4B3 #BBB9C5 #CFCED6

Darker Shades

#4A4660 #403D53 #363346 #2C2A39 #22202C #18161F

Complementary Palette

#48455E #54506D #5A5E45 #696D50 #7E8169 #6C6981

Analogous Palette

#4A5464 #505B6D #4F4B66 #54506D #62506D #6F5B7B

Triadic Palette

#4A4660 #54506D #764D47 #86625D #47764D #3E6844

Split Complementary Palette

#4C4862 #54506D #6D6250 #7C7262 #5B6D50 #526248

Square Palette

#47435C #54506D #6D505B #696D50 #506D62 #6C847B

Tetradic Palette

#454259 #54506D #7D3F75 #696D50 #3F7D48 #629469

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #54506D contains 84 red, 80 green, and 109 blue.

Contrast Ratio: 7.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.71:1