#5C6DA4 Color

Color Information

HEX#5C6DA4
RGB92, 109, 164
HSL226° , 28% , 50%
HSV226° , 44% , 64%
CMYK44%, 34%, 0%, 36%

Lighter Shades

#707FAF #8390BA #97A2C5 #AAB3D0 #BEC5DB #D1D6E6

Darker Shades

#516090 #46537D #3B4669 #303955 #252C42 #1A1F2E

Complementary Palette

#4F5E8D #5C6DA4 #8C7E4F #A3935C #B0A273 #7381B1

Analogous Palette

#647D87 #6C8893 #56669A #5C6DA4 #776C93 #82789B

Triadic Palette

#516090 #5C6DA4 #B04F66 #B96478 #66B04F #5A9B46

Split Complementary Palette

#536294 #5C6DA4 #A36F5C #AC7D6C #90A35C #829353

Square Palette

#4D5C8A #5C6DA4 #96698A #968C69 #5CA36F #76B286

Tetradic Palette

#4B5986 #5C6DA4 #9F45BA #A3935C #60BA45 #7DC666

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5C6DA4 contains 92 red, 109 green, and 164 blue.

Contrast Ratio: 5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.2:1