#3545A2 Color

Color Information

HEX	#3545A2
RGB	53, 69, 162
HSL	231° , 51% , 42%
HSV	231° , 67% , 64%
CMYK	67%, 57%, 0%, 36%

Lighter Shades

#4D5BAD #6572B8 #7E88C3 #969ECF #AEB5DA #C6CBE5

Darker Shades

#2F3D8F #28347B #222C68 #1C2454 #151C41 #0F132D

Complementary Palette

#2E3B8B #3545A2 #8B7D2D #A29134 #AFA050 #515FAF

Analogous Palette

#456D82 #4A758C #324198 #3545A2 #614A8C #6D5A90

Triadic Palette

#2F3D8F #3545A2 #AC2A3D #B64454 #3DAC2A #369725

Split Complementary Palette

#303E92 #3545A2 #A25B34 #AB6B48 #7BA234 #6F922F

Square Palette

#2D3A88 #3545A2 #973F78 #978A3F #34A25B #54B175

Tetradic Palette

#2B3985 #3545A2 #9F21B5 #A29134 #37B521 #5BC249

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3545A2 contains 53 red, 69 green, and 162 blue.

Contrast Ratio: 8.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.47:1