#3A64B8 Color

Color Information

HEX#3A64B8
RGB58, 100, 184
HSL220° , 52% , 47%
HSV220° , 68% , 72%
CMYK68%, 46%, 0%, 28%

Lighter Shades

#5277C1 #6989C9 #819CD2 #99AEDA #B0C1E3 #C8D4EB

Darker Shades

#3358A2 #2C4C8C #254076 #1E3460 #17284A #101C34

Complementary Palette

#32569E #3A64B8 #9D7932 #B68D3A #C09D56 #567AC2

Analogous Palette

#4B8591 #51919E #375EAD #3A64B8 #5E519E #6B62A3

Triadic Palette

#3358A2 #3A64B8 #C22E5F #C94772 #5FC22E #54AB28

Split Complementary Palette

#345AA6 #3A64B8 #B64E3A #BD604E #A1B63A #91A434

Square Palette

#31549B #3A64B8 #AA4699 #AA8946 #3AB64E #5AC26A

Tetradic Palette

#305297 #3A64B8 #9424CC #B68D3A #5CCC24 #79D54B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A64B8 contains 58 red, 100 green, and 184 blue.

Contrast Ratio: 5.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.69:1