#3D64B1 Color

Color Information

HEX#3D64B1
RGB61, 100, 177
HSL220° , 49% , 47%
HSV220° , 66% , 69%
CMYK66%, 44%, 0%, 31%

Lighter Shades

#5477BA #6C89C4 #839CCD #9AAED6 #B1C1E0 #C9D4E9

Darker Shades

#36589C #2E4C87 #274071 #20345C #182847 #111C32

Complementary Palette

#345698 #3D64B1 #9A7834 #B38B3D #BE9B58 #587ABC

Analogous Palette

#4E838D #558F9B #395EA6 #3D64B1 #61559B #6E64A0

Triadic Palette

#36589C #3D64B1 #BF3160 #C74A73 #60BF31 #54A82B

Split Complementary Palette

#375A9F #3D64B1 #B3513D #BB6250 #9FB33D #8FA137

Square Palette

#335495 #3D64B1 #A74997 #A78749 #3DB351 #5CBF6D

Tetradic Palette

#325291 #3D64B1 #9328C8 #B38B3D #5DC828 #7AD24F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3D64B1 contains 61 red, 100 green, and 177 blue.

Contrast Ratio: 5.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.65:1