#396FC6 Color

Color Information

HEX#396FC6
RGB57, 111, 198
HSL217° , 55% , 50%
HSV217° , 71% , 78%
CMYK71%, 44%, 0%, 22%

Lighter Shades

#5180CD #6992D4 #80A3DB #98B4E1 #B0C5E8 #C8D7EF

Darker Shades

#3262AE #2B5496 #24477F #1E3A67 #172C4F #101F37

Complementary Palette

#315FAA #396FC6 #AA7C31 #C69039 #CEA055 #5583CE

Analogous Palette

#4B96A0 #53A2AC #3668BA #396FC6 #5D53AC #695FB4

Triadic Palette

#3262AE #396FC6 #D22D6C #D7467E #6CD22D #5FB928

Split Complementary Palette

#3364B2 #396FC6 #C64A39 #CC5C4D #B5C639 #A3B233

Square Palette

#305DA6 #396FC6 #B946AB #B98D46 #39C64A #59CF67

Tetradic Palette

#2F5BA2 #396FC6 #9522DD #C69039 #6ADD22 #85E34A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396FC6 contains 57 red, 111 green, and 198 blue.

Contrast Ratio: 4.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.28:1