#3A60F5 Color

Color Information

HEX	#3A60F5
RGB	58, 96, 245
HSL	228° , 90% , 59%
HSV	228° , 76% , 96%
CMYK	76%, 61%, 0%, 4%

Lighter Shades

#5273F6 #6986F7 #8199F9 #99ACFA #B0BFFB #C8D2FC

Darker Shades

#3354D8 #2C49BA #253D9D #1E327F #172662 #101B45

Complementary Palette

#3253D3 #3A60F5 #D3B230 #F5CF38 #F6D654 #5676F6

Analogous Palette

#4AA3C9 #4DB4E0 #375AE6 #3A60F5 #794DE0 #8359E3

Triadic Palette

#3354D8 #3A60F5 #FF2E58 #FF476C #58FF2E #4DE028

Split Complementary Palette

#3456DD #3A60F5 #F57138 #F67F4C #BCF538 #A9DD32

Square Palette

#3151CE #3A60F5 #EA43B8 #EAC943 #38F571 #58F788

Tetradic Palette

#304FC9 #3A60F5 #D52EFF #F5CF38 #58FF2E #76FF54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A60F5 contains 58 red, 96 green, and 245 blue.

Contrast Ratio: 5.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.15:1