#404E54 Color

Color Information

HEX#404E54
RGB64, 78, 84
HSL198° , 14% , 29%
HSV198° , 24% , 33%
CMYK24%, 7%, 0%, 67%

Lighter Shades

#576369 #6E787D #858E92 #9CA3A6 #B3B8BB #CACDCF

Darker Shades

#38454A #313B40 #293236 #21292C #1A1F22 #121618

Complementary Palette

#374348 #404E54 #483C37 #544640 #6C605B #5B676C

Analogous Palette

#3B4F4C #3F5551 #3C494F #404E54 #3F4355 #4C5267

Triadic Palette

#38454A #404E54 #5C3851 #705066 #515C38 #475131

Split Complementary Palette

#3A464C #404E54 #544044 #655357 #545040 #4C483A

Square Palette

#364247 #404E54 #513F55 #55463F #445440 #626F5F

Tetradic Palette

#344045 #404E54 #403262 #544640 #536232 #727E57

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404E54 contains 64 red, 78 green, and 84 blue.

Contrast Ratio: 8.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.38:1