#3C65A5 Color

Color Information

HEX	#3C65A5
RGB	60, 101, 165
HSL	217° , 47% , 44%
HSV	217° , 64% , 65%
CMYK	64%, 39%, 0%, 35%

Lighter Shades

#5377B0 #6B8ABB #829CC5 #9AAFD0 #B1C1DB #C8D4E6

Darker Shades

#355991 #2E4D7D #26416A #1F3556 #182842 #111C2E

Complementary Palette

#34578E #3C65A5 #8E6C33 #A57D3B #B28F56 #577BB2

Analogous Palette

#497C83 #52878E #385F9B #3C65A5 #59528E #696392

Triadic Palette

#355991 #3C65A5 #B03061 #B94974 #61B030 #559B2A

Split Complementary Palette

#365B95 #3C65A5 #A5483B #AE5A4F #99A53B #8A9535

Square Palette

#32558B #3C65A5 #9A4790 #9A7A47 #3BA548 #5AB365

Tetradic Palette

#315387 #3C65A5 #8127B9 #A57D3B #5FB927 #7CC64E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C65A5 contains 60 red, 101 green, and 165 blue.

Contrast Ratio: 5.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.59:1