#3C165E Color

Color Information

HEX	#3C165E
RGB	60, 22, 94
HSL	272° , 62% , 23%
HSV	272° , 77% , 37%
CMYK	36%, 77%, 0%, 63%

Lighter Shades

#533271 #6B4E85 #826A98 #9A86AB #B1A2BF #C8BED2

Darker Shades

#351353 #2E1147 #260E3C #1F0B31 #180926 #11061A

Complementary Palette

#341351 #3C165E #305213 #385F16 #547537 #573775

Analogous Palette

#211F4D #242253 #381558 #3C165E #532252 #5C375B

Triadic Palette

#351353 #3C165E #653D10 #77542D #10653D #0E5936

Split Complementary Palette

#361455 #3C165E #5D5F16 #6D6F2D #165F19 #145617

Square Palette

#32124F #3C165E #591E1C #39591C #165D5F #3B7779

Tetradic Palette

#31124D #3C165E #6A0C38 #385F16 #0C6A3E #388561

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C165E contains 60 red, 22 green, and 94 blue.

Contrast Ratio: 14.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.4:1