#3C5AA2 Color

Color Information

HEX	#3C5AA2
RGB	60, 90, 162
HSL	222° , 46% , 44%
HSV	222° , 63% , 64%
CMYK	63%, 44%, 0%, 36%

Lighter Shades

#536EAD #6B82B8 #8295C3 #9AA9CF #B1BDDA #C8D1E5

Darker Shades

#354F8F #2E447B #263A68 #1F2F54 #182441 #11192D

Complementary Palette

#344D8B #3C5AA2 #8D7234 #A4853D #B19658 #5771AF

Analogous Palette

#4D7984 #53828D #385598 #3C5AA2 #5F538D #6F6693

Triadic Palette

#354F8F #3C5AA2 #AF3157 #B94A6B #57AF31 #4D9A2B

Split Complementary Palette

#365192 #3C5AA2 #A4513D #AD6250 #8FA43D #819437

Square Palette

#324C88 #3C5AA2 #994888 #998048 #3DA451 #5CB36D

Tetradic Palette

#314A85 #3C5AA2 #8D28B8 #A4853D #53B828 #72C54F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5AA2 contains 60 red, 90 green, and 162 blue.

Contrast Ratio: 6.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.16:1