#3A5FF1 Color

Color Information

HEX	#3A5FF1
RGB	58, 95, 241
HSL	228° , 87% , 59%
HSV	228° , 76% , 95%
CMYK	76%, 61%, 0%, 5%

Lighter Shades

#5272F3 #6985F4 #8199F6 #99ACF8 #B0BFF9 #C8D2FB

Darker Shades

#3354D4 #2C48B7 #253D9A #1E317D #172660 #101B43

Complementary Palette

#3252CF #3A5FF1 #CFB033 #F1CD3B #F3D456 #5675F3

Analogous Palette

#4DA2C7 #50B2DC #3759E3 #3A5FF1 #7A50DC #845DDF

Triadic Palette

#3354D4 #3A5FF1 #FC315A #FC4A6E #5AFC31 #4FDE2B

Split Complementary Palette

#3456D9 #3A5FF1 #F1723B #F2804F #BBF13B #A8D935

Square Palette

#3150CA #3A5FF1 #E746B7 #E7C746 #3BF172 #5AF389

Tetradic Palette

#304EC6 #3A5FF1 #D52EFF #F1CD3B #58FF2E #76FF54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5FF1 contains 58 red, 95 green, and 241 blue.

Contrast Ratio: 5.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.07:1