#424057 Color

Color Information

HEX#424057
RGB66, 64, 87
HSL245° , 15% , 30%
HSV245° , 26% , 34%
CMYK24%, 26%, 0%, 66%

Lighter Shades

#59576B #6F6E7F #868593 #9D9CA8 #B3B3BC #CACAD0

Darker Shades

#3A384D #323142 #2A2938 #22212D #1A1A23 #121218

Complementary Palette

#39374B #424057 #4A4C38 #565841 #6E6F5C #5C5B6F

Analogous Palette

#3D4652 #414B58 #3E3C52 #424057 #4E4158 #5B4C67

Triadic Palette

#3A384D #424057 #603D39 #735451 #39603D #325436

Split Complementary Palette

#3B3A4E #424057 #584E41 #696054 #4B5841 #444F3B

Square Palette

#373649 #424057 #58414B #565841 #41584E #5F736A

Tetradic Palette

#363447 #424057 #663362 #565841 #336637 #58825B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #424057 contains 66 red, 64 green, and 87 blue.

Contrast Ratio: 10.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.04:1