#3F55C4 Color

Color Information

HEX	#3F55C4
RGB	63, 85, 196
HSL	230° , 53% , 51%
HSV	230° , 68% , 77%
CMYK	68%, 57%, 0%, 23%

Lighter Shades

#5669CB #6D7ED2 #8492D9 #9BA7E0 #B2BBE7 #C9CFEE

Darker Shades

#374BAC #304195 #28367D #212C66 #19224E #121837

Complementary Palette

#3649A9 #3F55C4 #A99637 #C4AE40 #CCB95B #5A6DCC

Analogous Palette

#53849D #5990AB #3B50B8 #3F55C4 #7459AB #8066B2

Triadic Palette

#374BAC #3F55C4 #D1334E #D74B63 #4ED133 #45B82D

Split Complementary Palette

#394DB0 #3F55C4 #C46C40 #CA7B53 #98C440 #89B03A

Square Palette

#3547A5 #3F55C4 #B84C94 #B8A64C #40C46C #5FCD84

Tetradic Palette

#3446A1 #3F55C4 #BD29DB #C4AE40 #47DB29 #68E150

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F55C4 contains 63 red, 85 green, and 196 blue.

Contrast Ratio: 6.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.28:1