#2E554F Color

Color Information

HEX#2E554F
RGB46, 85, 79
HSL171° , 30% , 26%
HSV171° , 46% , 33%
CMYK46%, 0%, 7%, 67%

Lighter Shades

#476964 #607E79 #79928E #92A7A3 #ABBBB9 #C4CFCE

Darker Shades

#284B46 #23413C #1D3633 #182C29 #122220 #0D1816

Complementary Palette

#284944 #2E554F #4A282D #562E34 #6E4B50 #4B6D68

Analogous Palette

#34463A #384C3F #2B504A #2E554F #38454C #45555E

Triadic Palette

#284B46 #2E554F #55285D #694270 #5D5528 #524B23

Split Complementary Palette

#294D47 #2E554F #562E48 #67435A #563C2E #4D3629

Square Palette

#274742 #2E554F #3E3550 #503539 #48562E #65714F

Tetradic Palette

#264641 #2E554F #222C62 #562E34 #625922 #7E774A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E554F contains 46 red, 85 green, and 79 blue.

Contrast Ratio: 8.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1