#5C70A2 Color

Color Information

HEX#5C70A2
RGB92, 112, 162
HSL223° , 28% , 50%
HSV223° , 43% , 64%
CMYK43%, 31%, 0%, 36%

Lighter Shades

#7081AD #8392B8 #97A3C3 #AAB5CF #BEC6DA #D1D7E5

Darker Shades

#51638F #46557B #3B4868 #303A54 #252D41 #1A1F2D

Complementary Palette

#4F608B #5C70A2 #8C7B4F #A38F5C #B09F73 #7384AF

Analogous Palette

#647F87 #6C8A93 #566998 #5C70A2 #756C93 #80789B

Triadic Palette

#51638F #5C70A2 #B04F6B #B9647D #6BB04F #5E9B46

Split Complementary Palette

#536592 #5C70A2 #A36B5C #AC7A6C #94A35C #859353

Square Palette

#4D5E88 #5C70A2 #96698D #968969 #5CA36B #76B283

Tetradic Palette

#4B5C85 #5C70A2 #9945BA #A38F5C #66BA45 #82C666

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5C70A2 contains 92 red, 112 green, and 162 blue.

Contrast Ratio: 4.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.32:1