#40477D Color

Color Information

HEX#40477D
RGB64, 71, 125
HSL233° , 32% , 37%
HSV233° , 49% , 49%
CMYK49%, 43%, 0%, 51%

Lighter Shades

#575D8D #6E739C #8589AC #9C9FBB #B3B5CB #CACBDB

Darker Shades

#383E6E #31365F #292D50 #212541 #1A1C32 #121423

Complementary Palette

#373D6C #40477D #6C6537 #7D7540 #8F885B #5B618F

Analogous Palette

#4A5964 #50616D #3C4376 #40477D #5B506D #675B7B

Triadic Palette

#383E6E #40477D #863740 #954F57 #408637 #387630

Split Complementary Palette

#3A4071 #40477D #7D5740 #8A6853 #657D40 #5B713A

Square Palette

#363C69 #40477D #734A63 #736E4A #407D57 #5F9272

Tetradic Palette

#343A67 #40477D #812F8E #7D7540 #3A8E2F #5DA254

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #40477D contains 64 red, 71 green, and 125 blue.

Contrast Ratio: 8.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.36:1