#40697F Color

Color Information

HEX#40697F
RGB64, 105, 127
HSL201° , 33% , 37%
HSV201° , 50% , 50%
CMYK50%, 17%, 0%, 50%

Lighter Shades

#577B8E #6E8D9E #859FAD #9CB1BC #B3C3CC #CAD5DB

Darker Shades

#385C70 #315061 #294351 #213742 #1A2A33 #121D24

Complementary Palette

#375A6D #40697F #6C4936 #7D553F #8F6D5A #5B7E91

Analogous Palette

#4A6460 #506D68 #3C6377 #40697F #50556D #5B617B

Triadic Palette

#385C70 #40697F #87366C #954E7E #6C8736 #5F7730

Split Complementary Palette

#3A5F72 #40697F #7D3F49 #8A525B #7D743F #716839

Square Palette

#36586B #40697F #6E4974 #745849 #497D3F #66925E

Tetradic Palette

#345668 #40697F #502E8E #7D553F #6E8E2E #88A254

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #40697F contains 64 red, 105 green, and 127 blue.

Contrast Ratio: 5.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.55:1