#406C50 Color

Color Information

HEX#406C50
RGB64, 108, 80
HSL142° , 26% , 34%
HSV142° , 41% , 42%
CMYK41%, 0%, 26%, 58%

Lighter Shades

#577E65 #6E8F7A #85A18F #9CB3A4 #B3C4B9 #CAD6CE

Darker Shades

#385F46 #31523D #294533 #21382A #1A2B20 #121E16

Complementary Palette

#375D45 #406C50 #5E3750 #6D405D #815B74 #5B8169

Analogous Palette

#465B43 #4D644A #3C664B #406C50 #4A6460 #55726E

Triadic Palette

#385F46 #406C50 #4F3776 #644F86 #764F37 #684630

Split Complementary Palette

#3A6148 #406C50 #67406D #76537C #6D4046 #623A3F

Square Palette

#365B43 #406C50 #494D65 #65495B #6D6740 #847F5F

Tetradic Palette

#345942 #406C50 #31627D #6D405D #7D4E31 #946E56

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #406C50 contains 64 red, 108 green, and 80 blue.

Contrast Ratio: 6.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.48:1