#64A6E7 Color

Color Information

HEX#64A6E7
RGB100, 166, 231
HSL210° , 73% , 65%
HSV210° , 57% , 91%
CMYK57%, 28%, 0%, 9%

Lighter Shades

#77B1EA #89BBED #9CC6F0 #AED1F3 #C1DBF5 #D4E6F8

Darker Shades

#5892CB #4C7EB0 #406A94 #345678 #28425C #1C2E41

Complementary Palette

#568FC7 #64A6E7 #C78F57 #E7A665 #EAB27B #7AB2EA

Analogous Palette

#71C1C1 #76D5D5 #5E9CD9 #64A6E7 #7676D5 #8282D9

Triadic Palette

#5892CB #64A6E7 #F05CA6 #F270B1 #A6F05C #92D351

Split Complementary Palette

#5A95D0 #64A6E7 #E76565 #E97474 #E7E765 #D0D05B

Square Palette

#548BC2 #64A6E7 #DE6EDE #DEA66E #65E765 #7EEB7E

Tetradic Palette

#5288BD #64A6E7 #A655F7 #E7A665 #A6F755 #B6F874

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #64A6E7 contains 100 red, 166 green, and 231 blue.

Contrast Ratio: 2.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.27:1