#3C3A50 Color

Color Information

HEX	#3C3A50
RGB	60, 58, 80
HSL	245° , 16% , 27%
HSV	245° , 28% , 31%
CMYK	25%, 28%, 0%, 69%

Lighter Shades

#535265 #6B697A #82818F #9A99A4 #B1B0B9 #C8C8CE

Darker Shades

#353346 #2E2C3D #262533 #1F1E2A #181720 #111016

Complementary Palette

#343245 #3C3A50 #434532 #4E503A #676956 #575669

Analogous Palette

#363E49 #3B434F #38374B #3C3A50 #473B4F #574861

Triadic Palette

#353346 #3C3A50 #573633 #6B4E4B #335736 #2D4D30

Split Complementary Palette

#363448 #3C3A50 #50473A #62594E #43503A #3C4834

Square Palette

#323143 #3C3A50 #4F3B43 #4D4F3B #3A5047 #5A6C64

Tetradic Palette

#313042 #3C3A50 #5C2D58 #4E503A #2D5C31 #537956

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C3A50 contains 60 red, 58 green, and 80 blue.

Contrast Ratio: 11.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.84:1