#2C64DD Color

Color Information

HEX#2C64DD
RGB44, 100, 221
HSL221° , 72% , 52%
HSV221° , 80% , 87%
CMYK80%, 55%, 0%, 13%

Lighter Shades

#4577E1 #5F89E5 #789CE9 #91AEED #ABC1F1 #C4D4F5

Darker Shades

#2758C2 #214CA8 #1C408D #173473 #122858 #0C1C3E

Complementary Palette

#2656BE #2C64DD #BE8E26 #DDA52C #E2B24A #4A7AE2

Analogous Palette

#419FB4 #45ADC4 #295ED0 #2C64DD #5C45C4 #6A54C9

Triadic Palette

#2758C2 #2C64DD #E92060 #EC3B73 #60E920 #54CD1C

Split Complementary Palette

#285AC7 #2C64DD #DD4D2C #E05F41 #BCDD2C #A9C728

Square Palette

#2554BA #2C64DD #D039B5 #D0A039 #2CDD4D #4EE269

Tetradic Palette

#2452B5 #2C64DD #AD16F3 #DDA52C #5CF316 #79F540

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C64DD contains 44 red, 100 green, and 221 blue.

Contrast Ratio: 5.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.97:1