#3A5EC9 Color

Color Information

HEX	#3A5EC9
RGB	58, 94, 201
HSL	225° , 57% , 51%
HSV	225° , 71% , 79%
CMYK	71%, 53%, 0%, 21%

Lighter Shades

#5271CF #6985D6 #8198DC #99ABE3 #B0BFE9 #C8D2F0

Darker Shades

#3353B1 #2C4799 #253C81 #1E3169 #172650 #101A38

Complementary Palette

#3251AD #3A5EC9 #AD8F33 #C9A63B #D1B256 #5675D1

Analogous Palette

#4E8DA2 #5499B0 #3758BD #3A5EC9 #6B54B0 #7762B7

Triadic Palette

#3353B1 #3A5EC9 #D62E58 #DB476C #58D62E #4DBC28

Split Complementary Palette

#3455B5 #3A5EC9 #C95E3B #CE6E4F #A6C93B #95B535

Square Palette

#314FA9 #3A5EC9 #BD479F #BD9F47 #3BC95E #5AD278

Tetradic Palette

#304DA5 #3A5EC9 #B124E0 #C9A63B #53E024 #72E64B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5EC9 contains 58 red, 94 green, and 201 blue.

Contrast Ratio: 5.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.61:1