#408E6C Color

Color Information

HEX#408E6C
RGB64, 142, 108
HSL154° , 38% , 40%
HSV154° , 55% , 56%
CMYK55%, 0%, 24%, 44%

Lighter Shades

#579C7E #6EA98F #85B7A1 #9CC4B3 #B3D2C4 #CADFD6

Darker Shades

#387D5F #316C52 #295B45 #214A38 #1A392B #12281E

Complementary Palette

#377A5D #408E6C #793653 #8D3F61 #9D5A77 #5B9E81

Analogous Palette

#4D6F50 #547856 #3C8566 #408E6C #547678 #628284

Triadic Palette

#387D5F #408E6C #6D3597 #7F4DA3 #976D35 #85602F

Split Complementary Palette

#3A8061 #408E6C #8D3F88 #985294 #8D443F #7F3D39

Square Palette

#36775B #408E6C #4D4983 #834962 #888D3F #9B9F5E

Tetradic Palette

#347459 #408E6C #2D5E9F #8D3F61 #9F6E2D #B08853

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #408E6C contains 64 red, 142 green, and 108 blue.

Contrast Ratio: 3.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.37:1