#404863 Color

Color Information

HEX	#404863
RGB	64, 72, 99
HSL	226° , 21% , 32%
HSV	226° , 35% , 39%
CMYK	35%, 27%, 0%, 61%

Lighter Shades

#575E76 #6E7488 #858A9B #9CA0AE #B3B6C1 #CACCD3

Darker Shades

#383F57 #31374B #292E3F #212533 #1A1D28 #12141C

Complementary Palette

#373E55 #404863 #554E37 #635B40 #79725B #5B6279

Analogous Palette

#3F4F55 #45585E #3C445D #404863 #4C455E #58506D

Triadic Palette

#383F57 #404863 #6B3844 #7D505A #446B38 #3C5E31

Split Complementary Palette

#3A4159 #404863 #634A40 #735C53 #5A6340 #51593A

Square Palette

#363C53 #404863 #5E4558 #5E5845 #40634A #5F7C67

Tetradic Palette

#343B51 #404863 #633271 #635B40 #417132 #638B57

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404863 contains 64 red, 72 green, and 99 blue.

Contrast Ratio: 9.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.27:1