#64A5D4 Color

Color Information

HEX	#64A5D4
RGB	100, 165, 212
HSL	205° , 57% , 61%
HSV	205° , 53% , 83%
CMYK	53%, 22%, 0%, 17%

Lighter Shades

#77B0D9 #89BBDE #9CC5E3 #AED0E9 #C1DBEE #D4E6F3

Darker Shades

#5891BB #4C7DA1 #406A88 #34566E #284255 #1C2E3B

Complementary Palette

#568EB6 #64A5D4 #B67E55 #D49263 #DAA179 #7AB2DA

Analogous Palette

#72ACA7 #77C0BA #5E9BC7 #64A5D4 #777DC0 #8187C5

Triadic Palette

#5891BB #64A5D4 #DE59A7 #E26DB2 #A7DE59 #93C34E

Split Complementary Palette

#5A95BF #64A5D4 #D4636C #D8737B #D4CB63 #BFB759

Square Palette

#548BB2 #64A5D4 #C36DCA #CA946D #6CD463 #84DB7C

Tetradic Palette

#5287AE #64A5D4 #8F51E6 #D49263 #A8E651 #B8EB70

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #64A5D4 contains 100 red, 165 green, and 212 blue.

Contrast Ratio: 2.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.99:1