#2D4057 Color

Color Information

HEX#2D4057
RGB45, 64, 87
HSL213° , 32% , 26%
HSV213° , 48% , 34%
CMYK48%, 26%, 0%, 66%

Lighter Shades

#46576B #5F6E7F #798593 #929CA8 #ABB3BC #C4CAD0

Darker Shades

#28384D #223142 #1D2938 #17212D #121A23 #0D1218

Complementary Palette

#27374B #2D4057 #4C3A27 #58442D #6F5E4A #4A5B6F

Analogous Palette

#344546 #384B4C #2A3C52 #2D4057 #39384C #47455E

Triadic Palette

#28384D #2D4057 #5E2640 #714057 #405E26 #385321

Split Complementary Palette

#293A4E #2D4057 #582F2D #694442 #55582D #4D4F29

Square Palette

#263649 #2D4057 #51344F #514334 #2D582F #4F7350

Tetradic Palette

#253447 #2D4057 #452163 #58442D #3F6321 #627F49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4057 contains 45 red, 64 green, and 87 blue.

Contrast Ratio: 10.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.91:1