#42557C Color

Color Information

HEX#42557C
RGB66, 85, 124
HSL220° , 31% , 37%
HSV220° , 47% , 49%
CMYK47%, 31%, 0%, 51%

Lighter Shades

#59698C #6F7E9B #8692AB #9DA7BB #B3BBCB #CACFDA

Darker Shades

#3A4B6D #32415E #2A364F #222C40 #1A2232 #121823

Complementary Palette

#39496B #42557C #6B5938 #7C6841 #8E7D5C #5C6D8E

Analogous Palette

#4A5F64 #50686D #3E5075 #42557C #55506D #605B7B

Triadic Palette

#3A4B6D #42557C #853851 #945066 #518538 #477531

Split Complementary Palette

#3B4D70 #42557C #7C4B41 #895D54 #727C41 #67703B

Square Palette

#374768 #42557C #724B6C #72654B #417C4B #5F9168

Tetradic Palette

#364666 #42557C #6E308D #7C6841 #4F8D30 #6FA255

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #42557C contains 66 red, 85 green, and 124 blue.

Contrast Ratio: 7.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.79:1