#406E96 Color

Color Information

HEX#406E96
RGB64, 110, 150
HSL208° , 40% , 42%
HSV208° , 57% , 59%
CMYK57%, 27%, 0%, 41%

Lighter Shades

#577FA3 #6E91AF #85A2BC #9CB4C8 #B3C5D5 #CAD6E2

Darker Shades

#386184 #315472 #294660 #21394E #1A2C3C #121F2A

Complementary Palette

#375F81 #406E96 #815937 #966840 #A57D5B #5B82A5

Analogous Palette

#507776 #56817F #3C678D #406E96 #565781 #646587

Triadic Palette

#386184 #406E96 #A1366F #AC4E80 #6FA136 #628E30

Split Complementary Palette

#3A6387 #406E96 #964043 #A15356 #969340 #87843A

Square Palette

#365C7E #406E96 #894B8B #8B694B #439640 #61A75F

Tetradic Palette

#345A7B #406E96 #672DA9 #966840 #6FA92D #89B853

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #406E96 contains 64 red, 110 green, and 150 blue.

Contrast Ratio: 5.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.9:1