#64AFDE Color

Color Information

HEX#64AFDE
RGB100, 175, 222
HSL203° , 65% , 63%
HSV203° , 55% , 87%
CMYK55%, 21%, 0%, 13%

Lighter Shades

#77B9E2 #89C2E6 #9CCCEA #AED5EE #C1DFF2 #D4E9F6

Darker Shades

#589AC3 #4C85A9 #40708E #345B73 #284659 #1C313E

Complementary Palette

#5697BF #64AFDE #BF7E55 #DE9263 #E3A179 #7ABAE3

Analogous Palette

#71B7AF #76CBC1 #5EA5D1 #64AFDE #7680CB #808AD0

Triadic Palette

#589AC3 #64AFDE #E75AB1 #EA6EBA #B1E75A #9CCB4F

Split Complementary Palette

#5A9EC8 #64AFDE #DE6372 #E17380 #DED063 #C8BB59

Square Palette

#5493BA #64AFDE #C86DD5 #D5956D #72DE63 #89E37C

Tetradic Palette

#5290B6 #64AFDE #8E52EF #DE9263 #B3EF52 #C1F271

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #64AFDE contains 100 red, 175 green, and 222 blue.

Contrast Ratio: 2.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.85:1