#5C6A93 Color

Color Information

HEX#5C6A93
RGB92, 106, 147
HSL225° , 23% , 47%
HSV225° , 37% , 58%
CMYK37%, 28%, 0%, 42%

Lighter Shades

#707CA0 #838EAD #97A0BA #AAB2C7 #BEC3D4 #D1D5E1

Darker Shades

#515D81 #465170 #3B445E #30374C #252A3B #1A1E29

Complementary Palette

#4F5B7E #5C6A93 #7E734F #93865C #A29773 #737FA2

Analogous Palette

#5D767E #66818A #56648A #5C6A93 #6F668A #796F95

Triadic Palette

#515D81 #5C6A93 #9F5064 #AB6577 #649F50 #588C46

Split Complementary Palette

#535F84 #5C6A93 #936A5C #9E796C #86935C #798453

Square Palette

#4D597B #5C6A93 #8A6681 #8A8166 #5C936A #76A482

Tetradic Palette

#4B5779 #5C6A93 #9247A9 #93865C #5FA947 #7CB868

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5C6A93 contains 92 red, 106 green, and 147 blue.

Contrast Ratio: 5.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.95:1