#3F74E6 Color

Color Information

HEX#3F74E6
RGB63, 116, 230
HSL221° , 77% , 57%
HSV221° , 73% , 90%
CMYK73%, 50%, 0%, 10%

Lighter Shades

#5685E9 #6D95EC #84A6EF #9BB7F2 #B2C7F5 #C9D8F8

Darker Shades

#3766CA #3058AF #284A93 #213C78 #192E5C #122040

Complementary Palette

#3664C6 #3F74E6 #C69734 #E6B03D #EABB58 #5A87EA

Analogous Palette

#52A9BC #53B9D0 #3B6DD8 #3F74E6 #6A53D0 #7863D4

Triadic Palette

#3766CA #3F74E6 #F1326E #F34B7F #6EF132 #61D42C

Split Complementary Palette

#3968CF #3F74E6 #E65C3D #E96C50 #C7E63D #B3CF37

Square Palette

#3561C1 #3F74E6 #DB48C0 #DBAC48 #3DE65C #5CEA76

Tetradic Palette

#345FBD #3F74E6 #B829FA #E6B03D #6BFA29 #86FB50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3F74E6 contains 63 red, 116 green, and 230 blue.

Contrast Ratio: 4.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.88:1