#407E5F Color

Color Information

HEX	#407E5F
RGB	64, 126, 95
HSL	150° , 33% , 37%
HSV	150° , 49% , 49%
CMYK	49%, 0%, 25%, 51%

Lighter Shades

#578D72 #6E9D85 #85AC99 #9CBCAC #B3CBBF #CADBD2

Darker Shades

#386F54 #316048 #29513D #214231 #1A3226 #12231B

Complementary Palette

#376C52 #407E5F #6C3651 #7D3F5E #8F5A75 #5B9075

Analogous Palette

#4A644A #506D50 #3C7659 #407E5F #506D6D #5B7B7B

Triadic Palette

#386F54 #407E5F #5E3687 #714E95 #875E36 #775330

Split Complementary Palette

#3A7156 #407E5F #7D3F7D #8A528A #7D3F3F #713939

Square Palette

#366A50 #407E5F #494974 #74495E #7D7D3F #92925E

Tetradic Palette

#34674E #407E5F #2E5E8E #7D3F5E #8E5E2E #A27B54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #407E5F contains 64 red, 126 green, and 95 blue.

Contrast Ratio: 4.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.4:1