#3C5E75 Color

Color Information

HEX#3C5E75
RGB60, 94, 117
HSL204° , 32% , 35%
HSV204° , 49% , 46%
CMYK49%, 20%, 0%, 54%

Lighter Shades

#537186 #6B8596 #8298A7 #9AABB7 #B1BFC8 #C8D2D8

Darker Shades

#355367 #2E4759 #263C4B #1F313D #18262F #111A21

Complementary Palette

#345165 #3C5E75 #654834 #76543D #896C58 #577588

Analogous Palette

#455E5B #4C6764 #38586E #3C5E75 #4C4E67 #575975

Triadic Palette

#355367 #3C5E75 #7F3461 #8E4C74 #617F34 #55702E

Split Complementary Palette

#365569 #3C5E75 #763D42 #845055 #76703D #6A6537

Square Palette

#324F62 #3C5E75 #69466D #6D5546 #42763D #608C5C

Tetradic Palette

#314D60 #3C5E75 #502D86 #76543D #62862D #7E9C53

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5E75 contains 60 red, 94 green, and 117 blue.

Contrast Ratio: 6.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.03:1