#407F7F Color

Color Information

HEX#407F7F
RGB64, 127, 127
HSL180° , 33% , 37%
HSV180° , 50% , 50%
CMYK50%, 0%, 0%, 50%

Lighter Shades

#578E8E #6E9E9E #85ADAD #9CBCBC #B3CCCC #CADBDB

Darker Shades

#387070 #316161 #295151 #214242 #1A3333 #122424

Complementary Palette

#376D6D #407F7F #6C3636 #7D3F3F #8F5A5A #5B9191

Analogous Palette

#4A6456 #506D5E #3C7777 #407F7F #505E6D #5B6C7B

Triadic Palette

#387070 #407F7F #873687 #954E95 #878736 #777730

Split Complementary Palette

#3A7272 #407F7F #7D3F5E #8A526E #7D5E3F #715539

Square Palette

#366B6B #407F7F #5E4974 #744949 #5E7D3F #78925E

Tetradic Palette

#346868 #407F7F #2E2E8E #7D3F3F #8E8E2E #A2A254

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #407F7F contains 64 red, 127 green, and 127 blue.

Contrast Ratio: 4.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.6:1