#3C305E Color

Color Information

HEX	#3C305E
RGB	60, 48, 94
HSL	256° , 32% , 28%
HSV	256° , 49% , 37%
CMYK	36%, 49%, 0%, 63%

Lighter Shades

#534971 #6B6285 #827B98 #9A93AB #B1ACBF #C8C5D2

Darker Shades

#352A53 #2E2447 #261F3C #1F1931 #181326 #110D1A

Complementary Palette

#342951 #3C305E #47512A #525E31 #6A754E #574D75

Analogous Palette

#383D4C #3D4152 #382D58 #3C305E #4D3D52 #5E4A64

Triadic Palette

#352A53 #3C305E #653A2A #775244 #2A653A #255933

Split Complementary Palette

#362B55 #3C305E #5E5431 #6E6546 #3B5E31 #35552C

Square Palette

#32284F #3C305E #56383F #4E5638 #315E54 #52786F

Tetradic Palette

#31274D #3C305E #6A2458 #525E31 #246A37 #4B855B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C305E contains 60 red, 48 green, and 94 blue.

Contrast Ratio: 12.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.7:1