#3F5C94 Color

Color Information

HEX#3F5C94
RGB63, 92, 148
HSL220° , 40% , 41%
HSV220° , 57% , 58%
CMYK57%, 38%, 0%, 42%

Lighter Shades

#5670A1 #6D83AE #8497BB #9BAAC7 #B2BED4 #C9D1E1

Darker Shades

#375182 #304670 #283B5F #21304D #19253B #121A29

Complementary Palette

#364F7F #3F5C94 #7E6536 #92763F #A1895A #5A73A3

Analogous Palette

#4E6E74 #54767D #3B568B #3F5C94 #5B547D #6A6487

Triadic Palette

#375182 #3F5C94 #9D3457 #A94C6B #579D34 #4D8A2E

Split Complementary Palette

#395385 #3F5C94 #924D3F #9D5F52 #84923F #778339

Square Palette

#354D7C #3F5C94 #88497D #887349 #3F924D #5EA369

Tetradic Palette

#344B79 #3F5C94 #7D2CA5 #92763F #54A52C #73B552

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5C94 contains 63 red, 92 green, and 148 blue.

Contrast Ratio: 6.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.15:1