#396C7E Color

Color Information

HEX#396C7E
RGB57, 108, 126
HSL196° , 38% , 36%
HSV196° , 55% , 49%
CMYK55%, 14%, 0%, 51%

Lighter Shades

#517E8D #698F9D #80A1AC #98B3BC #B0C4CB #C8D6DB

Darker Shades

#325F6F #2B5260 #244551 #1E3842 #172B32 #101E23

Complementary Palette

#315D6C #396C7E #6D4131 #7F4C39 #916555 #558190

Analogous Palette

#45635C #4B6C64 #366676 #396C7E #4B536C #596078

Triadic Palette

#325F6F #396C7E #883070 #964981 #708830 #63782A

Split Complementary Palette

#336171 #396C7E #7F3949 #8C4D5B #7F6E39 #726333

Square Palette

#305B6A #396C7E #694276 #765042 #497F39 #669359

Tetradic Palette

#2F5967 #396C7E #44288F #7F4C39 #748F28 #8DA34F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396C7E contains 57 red, 108 green, and 126 blue.

Contrast Ratio: 5.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.62:1