#401563 Color

Color Information

HEX#401563
RGB64, 21, 99
HSL273° , 65% , 24%
HSV273° , 79% , 39%
CMYK35%, 79%, 0%, 61%

Lighter Shades

#573176 #6E4D88 #85699B #9C85AE #B3A1C1 #CABDD3

Darker Shades

#381257 #31104B #290D3F #210B33 #1A0828 #12061C

Complementary Palette

#371255 #401563 #315712 #396515 #557B36 #5B3679

Analogous Palette

#211E52 #242159 #3C145D #401563 #592157 #623760

Triadic Palette

#381257 #401563 #6C420F #7E592C #0F6C42 #0D5F3A

Split Complementary Palette

#3A1359 #401563 #616515 #71742C #156519 #135B17

Square Palette

#361253 #401563 #5F1E1B #3A5F1B #156165 #3A7A7E

Tetradic Palette

#341151 #401563 #710A38 #396515 #0A7142 #368B64

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #401563 contains 64 red, 21 green, and 99 blue.

Contrast Ratio: 14.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.44:1