#64A4E5 Color

Color Information

HEX#64A4E5
RGB100, 164, 229
HSL210° , 71% , 65%
HSV210° , 56% , 90%
CMYK56%, 28%, 0%, 10%

Lighter Shades

#77AFE8 #89BAEB #9CC5EE #AED0F1 #C1DBF5 #D4E6F8

Darker Shades

#5890CA #4C7DAE #406993 #345577 #28425C #1C2E40

Complementary Palette

#568DC5 #64A4E5 #C58F58 #E5A666 #E9B27B #7AB1E9

Analogous Palette

#73BFBF #78D3D3 #5E9AD7 #64A4E5 #7878D3 #8484D7

Triadic Palette

#5890CA #64A4E5 #EE5DA6 #F070B1 #A6EE5D #92D152

Split Complementary Palette

#5A94CE #64A4E5 #E56666 #E87575 #E5E566 #CECE5C

Square Palette

#548AC0 #64A4E5 #DC6FDC #DCA66F #66E566 #7EE97E

Tetradic Palette

#5286BC #64A4E5 #A656F5 #E5A666 #A6F556 #B6F774

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #64A4E5 contains 100 red, 164 green, and 229 blue.

Contrast Ratio: 2.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.1:1