#3D5AA2 Color

Color Information

HEX#3D5AA2
RGB61, 90, 162
HSL223° , 45% , 44%
HSV223° , 62% , 64%
CMYK62%, 44%, 0%, 36%

Lighter Shades

#546EAD #6C82B8 #8395C3 #9AA9CF #B1BDDA #C9D1E5

Darker Shades

#364F8F #2E447B #273A68 #202F54 #182441 #11192D

Complementary Palette

#344D8B #3D5AA2 #8C7335 #A3863E #B09759 #5871AF

Analogous Palette

#4E7783 #54808C #395598 #3D5AA2 #60548C #6F6490

Triadic Palette

#364F8F #3D5AA2 #AE3255 #B84B69 #55AE32 #4B992C

Split Complementary Palette

#375192 #3D5AA2 #A3543E #AC6551 #8DA33E #7F9338

Square Palette

#334C88 #3D5AA2 #974986 #978149 #3EA354 #5DB26F

Tetradic Palette

#324A85 #3D5AA2 #8F2AB7 #A3863E #52B72A #71C450

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3D5AA2 contains 61 red, 90 green, and 162 blue.

Contrast Ratio: 6.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.16:1