#3D5AA5 Color

Color Information

HEX#3D5AA5
RGB61, 90, 165
HSL223° , 46% , 44%
HSV223° , 63% , 65%
CMYK63%, 45%, 0%, 35%

Lighter Shades

#546EB0 #6C82BB #8395C5 #9AA9D0 #B1BDDB #C9D1E6

Darker Shades

#364F91 #2E447D #273A6A #202F56 #182442 #11192E

Complementary Palette

#344D8E #3D5AA5 #8D7434 #A4873D #B19858 #5871B2

Analogous Palette

#4D7884 #53818D #39559B #3D5AA5 #60538D #706693

Triadic Palette

#364F91 #3D5AA5 #AF3155 #B94A69 #55AF31 #4B9A2B

Split Complementary Palette

#375195 #3D5AA5 #A4533D #AD6450 #8DA43D #7F9437

Square Palette

#334C8B #3D5AA5 #994887 #998248 #3DA453 #5CB36F

Tetradic Palette

#324A87 #3D5AA5 #8F28B8 #A4873D #51B828 #70C54F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3D5AA5 contains 61 red, 90 green, and 165 blue.

Contrast Ratio: 6.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.18:1