#5B4157 Color

Color Information

HEX#5B4157
RGB91, 65, 87
HSL309° , 17% , 31%
HSV309° , 29% , 36%
CMYK0%, 29%, 4%, 64%

Lighter Shades

#6F586B #826F7F #968593 #AA9CA8 #BDB3BC #D1CAD0

Darker Shades

#50394D #453142 #3A2A38 #2F222D #241A23 #191218

Complementary Palette

#4E384B #5B4157 #394F3C #425C46 #5C7360 #725C6F

Analogous Palette

#4D3F55 #53435B #563D52 #5B4157 #5B434B #6A4E57

Triadic Palette

#50394D #5B4157 #5D643A #707752 #3A5D64 #335258

Split Complementary Palette

#523B4E #5B4157 #4B5C42 #5D6C55 #425C53 #3B534B

Square Palette

#4C3749 #5B4157 #5B5343 #435B47 #424B5C #606876

Tetradic Palette

#4B3547 #5B4157 #6A3C34 #425C46 #34626A #597E85

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B4157 contains 91 red, 65 green, and 87 blue.

Contrast Ratio: 9.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.28:1