#3A64AD Color

Color Information

HEX#3A64AD
RGB58, 100, 173
HSL218° , 50% , 45%
HSV218° , 66% , 68%
CMYK66%, 42%, 0%, 32%

Lighter Shades

#5277B7 #6989C1 #819CCB #99AED4 #B0C1DE #C8D4E8

Darker Shades

#335898 #2C4C83 #25406F #1E345A #172845 #101C30

Complementary Palette

#325695 #3A64AD #947031 #AC8239 #B89455 #567AB8

Analogous Palette

#498088 #508C95 #375EA3 #3A64AD #5A5095 #696198

Triadic Palette

#335898 #3A64AD #B82E60 #C14773 #60B82E #54A228

Split Complementary Palette

#345A9C #3A64AD #AC4939 #B45B4D #9DAC39 #8D9B33

Square Palette

#315491 #3A64AD #A14594 #A17F45 #39AC49 #59B966

Tetradic Palette

#30528E #3A64AD #8825C1 #AC8239 #5EC125 #7BCC4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A64AD contains 58 red, 100 green, and 173 blue.

Contrast Ratio: 5.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.6:1