#396FA2 Color

Color Information

HEX#396FA2
RGB57, 111, 162
HSL209° , 48% , 43%
HSV209° , 65% , 64%
CMYK65%, 31%, 0%, 36%

Lighter Shades

#5180AD #6992B8 #80A3C3 #98B4CF #B0C5DA #C8D7E5

Darker Shades

#32628F #2B547B #244768 #1E3A54 #172C41 #101F2D

Complementary Palette

#315F8B #396FA2 #8B5D31 #A26C39 #AF8155 #5583AF

Analogous Palette

#487F7E #4F8C8B #366898 #396FA2 #4F508C #606190

Triadic Palette

#32628F #396FA2 #AD2E70 #B74781 #70AD2E #639828

Split Complementary Palette

#336492 #396FA2 #A2393B #AB4D4F #A2A139 #929133

Square Palette

#305D88 #396FA2 #964497 #976C44 #3BA239 #5AB159

Tetradic Palette

#2F5B85 #396FA2 #6B25B6 #A26C39 #70B625 #8AC34C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396FA2 contains 57 red, 111 green, and 162 blue.

Contrast Ratio: 5.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.98:1