#2E5750 Color

Color Information

HEX#2E5750
RGB46, 87, 80
HSL170° , 31% , 26%
HSV170° , 47% , 34%
CMYK47%, 0%, 8%, 66%

Lighter Shades

#476B65 #607F7A #79938F #92A8A4 #ABBCB9 #C4D0CE

Darker Shades

#284D46 #23423D #1D3833 #182D2A #122320 #0D1816

Complementary Palette

#284B45 #2E5750 #4B282E #572E35 #6F4B51 #4B6F69

Analogous Palette

#34463A #384C3F #2B524B #2E5750 #38464C #45565E

Triadic Palette

#284D46 #2E5750 #54275D #694170 #5D5427 #524A22

Split Complementary Palette

#294E48 #2E5750 #572E49 #68435B #573B2E #4E3529

Square Palette

#274943 #2E5750 #3D3450 #503439 #49572E #66724F

Tetradic Palette

#264742 #2E5750 #222D63 #572E35 #635822 #7F764A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5750 contains 46 red, 87 green, and 80 blue.

Contrast Ratio: 8.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.55:1