#3C5E4D Color

Color Information

HEX#3C5E4D
RGB60, 94, 77
HSL150° , 22% , 30%
HSV150° , 36% , 37%
CMYK36%, 0%, 18%, 63%

Lighter Shades

#537162 #6B8578 #82988D #9AABA2 #B1BFB8 #C8D2CD

Darker Shades

#355344 #2E473B #263C31 #1F3128 #18261F #111A16

Complementary Palette

#345142 #3C5E4D #503442 #5D3C4D #745766 #577566

Analogous Palette

#3D523D #415841 #385848 #3C5E4D #415858 #4E6A6A

Triadic Palette

#355344 #3C5E4D #4D3465 #624C77 #654D34 #59442E

Split Complementary Palette

#365545 #3C5E4D #5D3C5D #6D506D #5D3C3C #543636

Square Palette

#324F41 #3C5E4D #414158 #58414D #5D5D3C #77775B

Tetradic Palette

#314D3F #3C5E4D #2E4E6B #5D3C4D #6B4E2E #866E54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5E4D contains 60 red, 94 green, and 77 blue.

Contrast Ratio: 7.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.87:1