#4164AA Color

Color Information

HEX#4164AA
RGB65, 100, 170
HSL220° , 45% , 46%
HSV220° , 62% , 67%
CMYK62%, 41%, 0%, 33%

Lighter Shades

#5877B4 #6F89BE #859CC9 #9CAED3 #B3C1DD #CAD4E7

Darker Shades

#395896 #314C81 #2A406D #223458 #1A2844 #121C30

Complementary Palette

#385692 #4164AA #927438 #AA8741 #B6985C #5C7AB6

Analogous Palette

#517C85 #588993 #3D5EA0 #4164AA #625893 #706996

Triadic Palette

#395896 #4164AA #B63560 #BF4D73 #60B635 #54A02F

Split Complementary Palette

#3B5A99 #4164AA #AA5241 #B36354 #98AA41 #89993B

Square Palette

#37548F #4164AA #9E4C91 #9E834C #41AA52 #5FB86E

Tetradic Palette

#35528B #4164AA #8E2BBF #AA8741 #5DBF2B #7ACB51

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4164AA contains 65 red, 100 green, and 170 blue.

Contrast Ratio: 5.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.63:1