#3540A5 Color

Color Information

HEX#3540A5
RGB53, 64, 165
HSL234° , 51% , 43%
HSV234° , 68% , 65%
CMYK68%, 61%, 0%, 35%

Lighter Shades

#4D57B0 #656EBB #7E85C5 #969CD0 #AEB3DB #C6CAE6

Darker Shades

#2F3891 #28317D #22296A #1C2156 #151A42 #0F122E

Complementary Palette

#2E378E #3540A5 #8F842E #A69A36 #B2A852 #515BB2

Analogous Palette

#466C86 #4C7490 #323C9B #3540A5 #674C90 #755F95

Triadic Palette

#2F3891 #3540A5 #B12B38 #BA4450 #38B12B #319C26

Split Complementary Palette

#303A95 #3540A5 #A66236 #AF724A #79A636 #6D9531

Square Palette

#2D368B #3540A5 #9B4177 #9B9241 #36A662 #56B47B

Tetradic Palette

#2B3487 #3540A5 #AA22B9 #A69A36 #31B922 #56C64A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3540A5 contains 53 red, 64 green, and 165 blue.

Contrast Ratio: 8.85:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.37:1