#396494 Color

Color Information

HEX#396494
RGB57, 100, 148
HSL212° , 44% , 40%
HSV212° , 61% , 58%
CMYK61%, 32%, 0%, 42%

Lighter Shades

#5177A1 #6989AE #809CBB #98AEC7 #B0C1D4 #C8D4E1

Darker Shades

#325882 #2B4C70 #24405F #1E344D #17283B #101C29

Complementary Palette

#31567F #396494 #7E5A31 #936939 #A27E55 #557AA3

Analogous Palette

#487375 #4E7D7E #365E8B #396494 #4F4E7E #626085

Triadic Palette

#325882 #396494 #9D2F62 #A94875 #629D2F #568A29

Split Complementary Palette

#335A85 #396494 #933C39 #9E504D #909339 #828433

Square Palette

#30547C #396494 #894386 #896843 #39933C #59A45B

Tetradic Palette

#2F5279 #396494 #6A27A5 #936939 #62A527 #7EB54E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396494 contains 57 red, 100 green, and 148 blue.

Contrast Ratio: 6.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.42:1