#3B5E75 Color

Color Information

HEX#3B5E75
RGB59, 94, 117
HSL204° , 33% , 35%
HSV204° , 50% , 46%
CMYK50%, 20%, 0%, 54%

Lighter Shades

#537186 #6A8596 #8298A7 #99ABB7 #B1BFC8 #C8D2D8

Darker Shades

#345367 #2D4759 #263C4B #1F313D #18262F #111A21

Complementary Palette

#335165 #3B5E75 #664734 #77533C #8A6B57 #567588

Analogous Palette

#455E5B #4C6764 #37586E #3B5E75 #4C4F67 #575A75

Triadic Palette

#345367 #3B5E75 #803361 #8F4B74 #618033 #55712D

Split Complementary Palette

#355569 #3B5E75 #773C42 #855055 #77713C #6B6636

Square Palette

#324F62 #3B5E75 #6A456E #6E5445 #42773C #608D5B

Tetradic Palette

#304D60 #3B5E75 #4F2C87 #77533C #62872C #7E9D52

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3B5E75 contains 59 red, 94 green, and 117 blue.

Contrast Ratio: 6.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.02:1