#2D5057 Color

Color Information

HEX#2D5057
RGB45, 80, 87
HSL190° , 32% , 26%
HSV190° , 48% , 34%
CMYK48%, 8%, 0%, 66%

Lighter Shades

#46656B #5F7A7F #798F93 #92A4A8 #ABB9BC #C4CED0

Darker Shades

#28464D #223D42 #1D3338 #172A2D #122023 #0D1618

Complementary Palette

#27454B #2D5057 #4C2D27 #58342D #6F504A #4A696F

Analogous Palette

#344640 #384C45 #2A4B52 #2D5057 #383F4C #454E5E

Triadic Palette

#28464D #2D5057 #5E2654 #714069 #545E26 #4A5321

Split Complementary Palette

#29484E #2D5057 #582D3B #69424F #58492D #4F4229

Square Palette

#264349 #2D5057 #473451 #513934 #3B582D #5A734F

Tetradic Palette

#254247 #2D5057 #2C2163 #58342D #576321 #757F49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5057 contains 45 red, 80 green, and 87 blue.

Contrast Ratio: 8.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.35:1