#404E70 Color

Color Information

HEX#404E70
RGB64, 78, 112
HSL223° , 27% , 35%
HSV223° , 43% , 44%
CMYK43%, 30%, 0%, 56%

Lighter Shades

#576381 #6E7892 #858EA3 #9CA3B5 #B3B8C6 #CACDD7

Darker Shades

#384563 #313B55 #293248 #21293A #1A1F2D #12161F

Complementary Palette

#374360 #404E70 #615638 #716441 #857A5C #5B6784

Analogous Palette

#45595E #4C6167 #3C4969 #404E70 #524C67 #5E5775

Triadic Palette

#384563 #404E70 #7A384B #8A5061 #4B7A38 #426B31

Split Complementary Palette

#3A4665 #404E70 #714C41 #7F5E54 #677141 #5D663B

Square Palette

#36425E #404E70 #684A62 #68604A #41714C #5F8869

Tetradic Palette

#34405C #404E70 #6C3181 #716441 #488131 #699856

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404E70 contains 64 red, 78 green, and 112 blue.

Contrast Ratio: 8.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.5:1