#3F63E3 Color

Color Information

HEX	#3F63E3
RGB	63, 99, 227
HSL	227° , 75% , 57%
HSV	227° , 72% , 89%
CMYK	72%, 56%, 0%, 11%

Lighter Shades

#5676E6 #6D88EA #849BED #9BAEF0 #B2C1F4 #C9D3F7

Darker Shades

#3757C8 #304BAD #283F91 #213376 #19285B #121C40

Complementary Palette

#3655C3 #3F63E3 #C4A536 #E4C03F #E8C95A #5A79E7

Analogous Palette

#549DBB #55ABCE #3B5DD5 #3F63E3 #7755CE #8161D1

Triadic Palette

#3757C8 #3F63E3 #EF345D #F14C70 #5DEF34 #52D22E

Split Complementary Palette

#3959CC #3F63E3 #E46E3F #E77D52 #B5E43F #A3CD39

Square Palette

#3553BF #3F63E3 #D94AB0 #D9BA4A #3FE46E #5EE885

Tetradic Palette

#3451BA #3F63E3 #CB2BF7 #E4C03F #58F72B #76F851

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F63E3 contains 63 red, 99 green, and 227 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