#2E5056 Color

Color Information

HEX#2E5056
RGB46, 80, 86
HSL189° , 30% , 26%
HSV189° , 47% , 34%
CMYK47%, 7%, 0%, 66%

Lighter Shades

#47656A #607A7F #798F93 #92A4A7 #ABB9BB #C4CED0

Darker Shades

#28464C #233D41 #1D3337 #182A2D #122022 #0D1618

Complementary Palette

#28454A #2E5056 #4A2D28 #56342E #6E504B #4B696E

Analogous Palette

#344640 #384C45 #2B4B51 #2E5056 #383F4C #454E5E

Triadic Palette

#28464C #2E5056 #5D2855 #704269 #555D28 #4B5223

Split Complementary Palette

#29484D #2E5056 #562E3C #674350 #56482E #4D4129

Square Palette

#274348 #2E5056 #463550 #503935 #3C562E #5B714F

Tetradic Palette

#264247 #2E5056 #2C2262 #56342E #596222 #777E4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5056 contains 46 red, 80 green, and 86 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