#54928C Color

Color Information

HEX#54928C
RGB84, 146, 140
HSL174° , 27% , 45%
HSV174° , 42% , 57%
CMYK42%, 0%, 4%, 43%

Lighter Shades

#699F9A #7DACA8 #92B9B5 #A6C6C3 #BBD3D1 #CFE0DF

Darker Shades

#4A807B #406F6A #365D5A #2C4C49 #223A38 #182927

Complementary Palette

#487E78 #54928C #7E484D #92545A #A16C71 #6CA19C

Analogous Palette

#597865 #62846F #4F8984 #54928C #627684 #6C8393

Triadic Palette

#4A807B #54928C #95489D #A25EA9 #9D9548 #8A833F

Split Complementary Palette

#4C837E #54928C #925479 #9D6586 #926D54 #83624C

Square Palette

#477B76 #54928C #6F5F86 #865F63 #799254 #8EA36F

Tetradic Palette

#457873 #54928C #3F49A6 #92545A #A69C3F #B6AE62

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54928C contains 84 red, 146 green, and 140 blue.

Contrast Ratio: 3.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.95:1