#3F46D6 Color

Color Information

HEX	#3F46D6
RGB	63, 70, 214
HSL	237° , 65% , 54%
HSV	237° , 71% , 84%
CMYK	71%, 67%, 0%, 16%

Lighter Shades

#565CDB #6D72E0 #8489E5 #9B9FEA #B2B5EF #C9CBF4

Darker Shades

#373EBC #3035A3 #282D89 #21246F #191C56 #12143C

Complementary Palette

#363CB8 #3F46D6 #B8B134 #D6CE3D #DCD558 #5A60DC

Analogous Palette

#5284AD #558FBE #3B42C9 #3F46D6 #8455BE #8F64C4

Triadic Palette

#373EBC #3F46D6 #E2323B #E54B53 #3BE232 #34C72C

Split Complementary Palette

#393FC1 #3F46D6 #D6823D #DA8F50 #91D63D #83C137

Square Palette

#353BB4 #3F46D6 #CA4990 #CAC449 #3DD682 #5CDD96

Tetradic Palette

#3439AF #3F46D6 #E128EB #D6CE3D #32EB28 #57EF4F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F46D6 contains 63 red, 70 green, and 214 blue.

Contrast Ratio: 6.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.01:1