#6964F6 Color

Color Information

HEX#6964F6
RGB105, 100, 246
HSL242° , 89% , 68%
HSV242° , 59% , 96%
CMYK57%, 59%, 0%, 4%

Lighter Shades

#7B77F7 #8D89F8 #9F9CF9 #B1AEFA #C3C1FB #D5D4FC

Darker Shades

#5C58D8 #504CBB #43409D #373480 #2A2862 #1D1C45

Complementary Palette

#5A56D4 #6964F6 #CFD457 #F1F665 #F3F77B #7E7AF7

Analogous Palette

#719ED0 #75AAE6 #635EE7 #6964F6 #B175E6 #B882E8

Triadic Palette

#5C58D8 #6964F6 #FE625D #FE7570 #5DFE62 #52E056

Split Complementary Palette

#5F5ADD #6964F6 #F6B265 #F7BA74 #A9F665 #98DD5B

Square Palette

#5854CF #6964F6 #EE6DA9 #EAEE6D #65F6B2 #7EF7BE

Tetradic Palette

#5652CA #6964F6 #FF5CFA #F1F665 #5CFF61 #79FF7D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6964F6 contains 105 red, 100 green, and 246 blue.

Contrast Ratio: 4.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.76:1