#64A2D8 Color

Color Information

HEX#64A2D8
RGB100, 162, 216
HSL208° , 60% , 62%
HSV208° , 54% , 85%
CMYK54%, 25%, 0%, 15%

Lighter Shades

#77ADDD #89B8E1 #9CC3E6 #AECFEB #C1DAEF #D4E5F4

Darker Shades

#588FBE #4C7BA4 #40688A #345470 #284156 #1C2D3C

Complementary Palette

#568BBA #64A2D8 #BA8456 #D89A64 #DDA87A #7AAFDD

Analogous Palette

#72B1AF #77C5C2 #5E98CB #64A2D8 #777AC5 #8284C9

Triadic Palette

#588FBE #64A2D8 #E25AA3 #E56EAE #A3E25A #8FC74F

Split Complementary Palette

#5A92C2 #64A2D8 #D86468 #DC7477 #D8D464 #C2BF5A

Square Palette

#5488B5 #64A2D8 #CB6ECF #CF9B6E #68D864 #80DE7D

Tetradic Palette

#5285B1 #64A2D8 #9953EA #D89A64 #A3EA53 #B4EE72

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #64A2D8 contains 100 red, 162 green, and 216 blue.

Contrast Ratio: 2.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.82:1