#3E5FC6 Color

Color Information

HEX#3E5FC6
RGB62, 95, 198
HSL225° , 54% , 51%
HSV225° , 69% , 78%
CMYK69%, 52%, 0%, 22%

Lighter Shades

#5572CD #6C85D4 #8399DB #9BACE1 #B2BFE8 #C9D2EF

Darker Shades

#3754AE #2F4896 #283D7F #203167 #19264F #111B37

Complementary Palette

#3552AA #3E5FC6 #AA8D36 #C6A43F #CEB15A #5975CE

Analogous Palette

#518B9E #5897AD #3A59BA #3E5FC6 #6D58AD #7864B4

Triadic Palette

#3754AE #3E5FC6 #D2325A #D74B6E #5AD232 #4FB92C

Split Complementary Palette

#3856B2 #3E5FC6 #C6603F #CC7052 #A4C63F #94B239

Square Palette

#3450A6 #3E5FC6 #B94B9E #B99E4B #3FC660 #5ECF79

Tetradic Palette

#334EA2 #3E5FC6 #AF28DC #C6A43F #55DC28 #74E24F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3E5FC6 contains 62 red, 95 green, and 198 blue.

Contrast Ratio: 5.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.65:1