#396960 Color

Color Information

HEX#396960
RGB57, 105, 96
HSL169° , 30% , 32%
HSV169° , 46% , 41%
CMYK46%, 0%, 9%, 59%

Lighter Shades

#517B73 #698D86 #809F99 #98B1AC #B0C3BF #C8D5D2

Darker Shades

#325C54 #2B5049 #24433D #1E3732 #172A26 #101D1B

Complementary Palette

#315A53 #396960 #5B3139 #6A3942 #7F555C #557E76

Analogous Palette

#3F5546 #455E4E #36635A #396960 #45565E #50646D

Triadic Palette

#325C54 #396960 #663172 #784A83 #726631 #645A2B

Split Complementary Palette

#335F56 #396960 #6A395B #794D6B #6A4939 #5F4233

Square Palette

#305851 #396960 #4C4162 #624147 #5B6A39 #758259

Tetradic Palette

#2F564F #396960 #2A3979 #6A3942 #796A2A #918550

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396960 contains 57 red, 105 green, and 96 blue.

Contrast Ratio: 6.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.36:1