#396AB5 Color

Color Information

HEX	#396AB5
RGB	57, 106, 181
HSL	216° , 52% , 47%
HSV	216° , 69% , 71%
CMYK	69%, 41%, 0%, 29%

Lighter Shades

#517CBE #698EC7 #80A0D0 #98B2D9 #B0C3E1 #C8D5EA

Darker Shades

#325D9F #2B518A #244474 #1E375E #172A48 #101E33

Complementary Palette

#315B9C #396AB5 #9D7232 #B6843A #C09556 #557FBF

Analogous Palette

#4B8A91 #51979E #3664AA #396AB5 #59519E #6862A3

Triadic Palette

#325D9F #396AB5 #C22E69 #C9477B #69C22E #5CAB28

Split Complementary Palette

#335FA3 #396AB5 #B6463A #BD594E #AAB63A #99A434

Square Palette

#305998 #396AB5 #AA46A0 #AA8246 #3AB646 #5AC264

Tetradic Palette

#2F5794 #396AB5 #8924CC #B6843A #67CC24 #82D54B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396AB5 contains 57 red, 106 green, and 181 blue.

Contrast Ratio: 5.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.91:1