#3C5EA3 Color

Color Information

HEX	#3C5EA3
RGB	60, 94, 163
HSL	220° , 46% , 44%
HSV	220° , 63% , 64%
CMYK	63%, 42%, 0%, 36%

Lighter Shades

#5371AE #6B85B9 #8298C4 #9AABCF #B1BFDA #C8D2E5

Darker Shades

#35538F #2E477C #263C68 #1F3155 #182641 #111A2E

Complementary Palette

#34518C #3C5EA3 #8D6F34 #A4813D #B19358 #5775B0

Analogous Palette

#4D7B84 #53848D #385899 #3C5EA3 #5D538D #6E6693

Triadic Palette

#35538F #3C5EA3 #AF315B #B94A6F #5BAF31 #509A2B

Split Complementary Palette

#365593 #3C5EA3 #A44E3D #AD6050 #93A43D #849437

Square Palette

#324F89 #3C5EA3 #99488B #997E48 #3DA44E #5CB36A

Tetradic Palette

#314D86 #3C5EA3 #8828B8 #A4813D #58B828 #76C54F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5EA3 contains 60 red, 94 green, and 163 blue.

Contrast Ratio: 6.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.31:1