#3C4165 Color

Color Information

HEX	#3C4165
RGB	60, 65, 101
HSL	233° , 25% , 32%
HSV	233° , 41% , 40%
CMYK	41%, 36%, 0%, 60%

Lighter Shades

#535877 #6B6F8A #82859C #9A9CAF #B1B3C1 #C8CAD4

Darker Shades

#353959 #2E314D #262A41 #1F2235 #181A28 #11121C

Complementary Palette

#343857 #3C4165 #585334 #66613D #7B7758 #575C7B

Analogous Palette

#3F4C55 #45545E #383D5F #3C4165 #4F455E #5B506D

Triadic Palette

#353959 #3C4165 #6E353C #7F4D53 #3C6E35 #35612F

Split Complementary Palette

#363B5B #3C4165 #664D3D #755F50 #56663D #4D5C37

Square Palette

#323755 #3C4165 #5E4554 #5E5B45 #3D664D #5C7E69

Tetradic Palette

#313553 #3C4165 #6D2F75 #66613D #37752F #5B8E54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C4165 contains 60 red, 65 green, and 101 blue.

Contrast Ratio: 10.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.07:1