#3C63E5 Color

Color Information

HEX	#3C63E5
RGB	60, 99, 229
HSL	226° , 76% , 57%
HSV	226° , 74% , 90%
CMYK	74%, 57%, 0%, 10%

Lighter Shades

#5376E8 #6B88EB #829BEE #9AAEF1 #B1C1F5 #C8D3F8

Darker Shades

#3557CA #2E4BAE #263F93 #1F3377 #18285C #111C40

Complementary Palette

#3455C5 #3C63E5 #C5A335 #E5BE3E #E9C759 #5779E9

Analogous Palette

#52A0BC #54AECF #385DD7 #3C63E5 #7554CF #7E60D2

Triadic Palette

#3557CA #3C63E5 #F0335F #F24B72 #5FF033 #54D32D

Split Complementary Palette

#3659CE #3C63E5 #E56A3E #E87951 #B8E53E #A6CE38

Square Palette

#3253C0 #3C63E5 #DA49B3 #DAB849 #3EE56A #5DE982

Tetradic Palette

#3151BC #3C63E5 #C82AF8 #E5BE3E #5AF82A #78F950

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C63E5 contains 60 red, 99 green, and 229 blue.

Contrast Ratio: 5.12:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.1:1