#2D504D Color

Color Information

HEX#2D504D
RGB45, 80, 77
HSL175° , 28% , 25%
HSV175° , 44% , 31%
CMYK44%, 0%, 4%, 69%

Lighter Shades

#466562 #5F7A78 #798F8D #92A4A2 #ABB9B8 #C4CECD

Darker Shades

#284644 #223D3B #1D3331 #172A28 #12201F #0D1616

Complementary Palette

#274542 #2D504D #47282A #522E31 #6A4B4E #4A6966

Analogous Palette

#324339 #36493E #2A4B48 #2D504D #364149 #43515B

Triadic Palette

#284644 #2D504D #542858 #69426C #585428 #4D4A23

Split Complementary Palette

#294845 #2D504D #522E43 #634356 #523D2E #4A3729

Square Palette

#264341 #2D504D #3E344B #4B3436 #43522E #616E4F

Tetradic Palette

#25423F #2D504D #22275D #522E31 #5D5822 #7A764A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D504D contains 45 red, 80 green, and 77 blue.

Contrast Ratio: 9.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.31:1