#40486E Color

Color Information

HEX	#40486E
RGB	64, 72, 110
HSL	230° , 26% , 34%
HSV	230° , 42% , 43%
CMYK	42%, 35%, 0%, 57%

Lighter Shades

#575E7F #6E7491 #858AA2 #9CA0B4 #B3B6C5 #CACCD6

Darker Shades

#383F61 #313754 #292E46 #212539 #1A1D2C #12141F

Complementary Palette

#373E5F #40486E #5E5837 #6D6640 #817B5B #5B6282

Analogous Palette

#43535B #4A5B64 #3C4467 #40486E #524A64 #5E5572

Triadic Palette

#383F61 #40486E #763743 #864F5A #437637 #3B6830

Split Complementary Palette

#3A4163 #40486E #6D4F40 #7C6153 #5E6D40 #55623A

Square Palette

#363C5C #40486E #65495B #656049 #406D4F #5F846B

Tetradic Palette

#343B5A #40486E #71317D #6D6640 #3F7D31 #629456

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #40486E contains 64 red, 72 green, and 110 blue.

Contrast Ratio: 9.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.32:1