#395DAD Color

Color Information

HEX#395DAD
RGB57, 93, 173
HSL221° , 50% , 45%
HSV221° , 67% , 68%
CMYK67%, 46%, 0%, 32%

Lighter Shades

#5170B7 #6984C1 #8097CB #98ABD4 #B0BEDE #C8D2E8

Darker Shades

#325298 #2B4783 #243C6F #1E305A #172545 #101A30

Complementary Palette

#315095 #395DAD #947531 #AC8839 #B89955 #5574B8

Analogous Palette

#497C88 #508995 #3657A3 #395DAD #5D5095 #6C6198

Triadic Palette

#325298 #395DAD #B82E5A #C1476E #5AB82E #4FA228

Split Complementary Palette

#33549C #395DAD #AC4E39 #B4604D #97AC39 #889B33

Square Palette

#304E91 #395DAD #A14590 #A18445 #39AC4E #59B96A

Tetradic Palette

#2F4C8E #395DAD #8F25C1 #AC8839 #56C125 #74CC4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #395DAD contains 57 red, 93 green, and 173 blue.

Contrast Ratio: 6.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.33:1