#386EA4 Color

Color Information

HEX#386EA4
RGB56, 110, 164
HSL210° , 49% , 43%
HSV210° , 66% , 64%
CMYK66%, 33%, 0%, 36%

Lighter Shades

#507FAF #6891BA #80A2C5 #98B4D0 #AFC5DB #C7D6E6

Darker Shades

#316190 #2B547D #244669 #1D3955 #162C42 #101F2E

Complementary Palette

#305F8D #386EA4 #8C5F30 #A36E38 #B08254 #5482B1

Analogous Palette

#488484 #4E8D8D #35679A #386EA4 #4E4E8D #606090

Triadic Palette

#316190 #386EA4 #AE2D6E #B8467F #6EAE2D #619928

Split Complementary Palette

#326394 #386EA4 #A33838 #AC4C4C #A3A338 #939332

Square Palette

#2F5C8A #386EA4 #984398 #986E43 #38A338 #58B258

Tetradic Palette

#2E5A86 #386EA4 #6E24B7 #A36E38 #6EB724 #88C44B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #386EA4 contains 56 red, 110 green, and 164 blue.

Contrast Ratio: 5.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.95:1