#396DBD Color

Color Information

HEX#396DBD
RGB57, 109, 189
HSL216° , 54% , 48%
HSV216° , 70% , 74%
CMYK70%, 42%, 0%, 26%

Lighter Shades

#517FC5 #6990CD #80A2D5 #98B3DD #B0C5E5 #C8D6ED

Darker Shades

#3260A6 #2B5390 #244679 #1E3962 #172C4C #101F35

Complementary Palette

#315EA3 #396DBD #A27530 #BC8838 #C59954 #5581C6

Analogous Palette

#4A8F96 #519CA4 #3666B2 #396DBD #5951A4 #6861A8

Triadic Palette

#3260A6 #396DBD #C92C6B #CF457D #6BC92C #5EB127

Split Complementary Palette

#3362AA #396DBD #BC4638 #C3594C #AFBC38 #9EA932

Square Palette

#305C9F #396DBD #B045A5 #B08545 #38BC46 #58C764

Tetradic Palette

#2F599B #396DBD #8C22D3 #BC8838 #69D322 #84DB4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396DBD contains 57 red, 109 green, and 189 blue.

Contrast Ratio: 5.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.11:1