#3A68F4 Color

Color Information

HEX#3A68F4
RGB58, 104, 244
HSL225° , 89% , 59%
HSV225° , 76% , 96%
CMYK76%, 57%, 0%, 4%

Lighter Shades

#527AF5 #698CF7 #819EF8 #99B0F9 #B0C3FB #C8D5FC

Darker Shades

#335CD7 #2C4FB9 #25439C #1E367F #172A62 #101D44

Complementary Palette

#3259D2 #3A68F4 #D1A931 #F3C539 #F5CD55 #567DF6

Analogous Palette

#4AA9C9 #4EBBDF #3762E5 #3A68F4 #724EDF #7D5BE1

Triadic Palette

#335CD7 #3A68F4 #FE2F63 #FE4876 #63FE2F #57E029

Split Complementary Palette

#345EDC #3A68F4 #F36839 #F4774D #C5F339 #B1DB33

Square Palette

#3157CD #3A68F4 #E944C0 #E9C044 #39F368 #59F580

Tetradic Palette

#3055C8 #3A68F4 #CB2EFF #F3C539 #62FF2E #7EFF54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A68F4 contains 58 red, 104 green, and 244 blue.

Contrast Ratio: 4.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.46:1