#396FA1 Color

Color Information

HEX#396FA1
RGB57, 111, 161
HSL209° , 48% , 43%
HSV209° , 65% , 63%
CMYK65%, 31%, 0%, 37%

Lighter Shades

#5180AC #6992B8 #80A3C3 #98B4CE #B0C5D9 #C8D7E5

Darker Shades

#32628E #2B547A #244767 #1E3A54 #172C40 #101F2D

Complementary Palette

#315F8A #396FA1 #8B5D31 #A26C39 #AF8155 #5583AE

Analogous Palette

#487F7E #4F8C8B #366897 #396FA1 #4F508C #606190

Triadic Palette

#32628E #396FA1 #AD2E70 #B74781 #70AD2E #639828

Split Complementary Palette

#336491 #396FA1 #A2393B #AB4D4F #A2A139 #929133

Square Palette

#305D87 #396FA1 #964497 #976C44 #3BA239 #5AB159

Tetradic Palette

#2F5B84 #396FA1 #6B25B6 #A26C39 #70B625 #8AC34C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #396FA1 contains 57 red, 111 green, and 161 blue.

Contrast Ratio: 5.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.98:1