#396C5E Color

Color Information

HEX#396C5E
RGB57, 108, 94
HSL164° , 31% , 32%
HSV164° , 47% , 42%
CMYK47%, 0%, 13%, 58%

Lighter Shades

#517E71 #698F85 #80A198 #98B3AB #B0C4BF #C8D6D2

Darker Shades

#325F53 #2B5247 #24453C #1E3831 #172B26 #101E1A

Complementary Palette

#315D51 #396C5E #5C303C #6B3846 #805460 #558175

Analogous Palette

#3F5544 #455E4B #366658 #396C5E #45585E #50666D

Triadic Palette

#325F53 #396C5E #613073 #744984 #736130 #65552A

Split Complementary Palette

#336155 #396C5E #6B385F #7A4C6F #6B4438 #603D32

Square Palette

#305B4F #396C5E #484063 #63404A #5F6B38 #798358

Tetradic Palette

#2F594D #396C5E #2A3F7A #6B3846 #7A642A #928050

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396C5E contains 57 red, 108 green, and 94 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