#3C3A5A Color

Color Information

HEX	#3C3A5A
RGB	60, 58, 90
HSL	244° , 22% , 29%
HSV	244° , 36% , 35%
CMYK	33%, 36%, 0%, 65%

Lighter Shades

#53526E #6B6982 #828195 #9A99A9 #B1B0BD #C8C8D1

Darker Shades

#35334F #2E2C44 #26253A #1F1E2F #181724 #111019

Complementary Palette

#34324D #3C3A5A #4C4D32 #585A3A #6F7156 #575671

Analogous Palette

#3B434F #3F4855 #383755 #3C3A5A #4B3F55 #5B4C67

Triadic Palette

#35334F #3C3A5A #623532 #754D4B #326235 #2C562F

Split Complementary Palette

#363451 #3C3A5A #5A4C3A #6B5E4E #485A3A #415134

Square Palette

#32314C #3C3A5A #553F48 #54553F #3A5A4C #5A7469

Tetradic Palette

#31304A #3C3A5A #682C64 #585A3A #2C6830 #528355

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C3A5A contains 60 red, 58 green, and 90 blue.

Contrast Ratio: 11.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.87:1