#2E5A5B Color

Color Information

HEX#2E5A5B
RGB46, 90, 91
HSL181° , 33% , 27%
HSV181° , 49% , 36%
CMYK49%, 1%, 0%, 64%

Lighter Shades

#476E6F #608282 #799596 #92A9AA #ABBDBD #C4D1D1

Darker Shades

#284F50 #234445 #1D3A3A #182F2F #122424 #0D1919

Complementary Palette

#284D4E #2E5A5B #4F2828 #5C2F2E #734C4B #4B7172

Analogous Palette

#364940 #3B4F45 #2B5556 #2E5A5B #3B454F #485461

Triadic Palette

#284F50 #2E5A5B #622761 #754174 #616227 #555622

Split Complementary Palette

#295152 #2E5A5B #5C2E44 #6C4357 #5C462E #533F29

Square Palette

#274C4C #2E5A5B #453555 #553635 #445C2E #62764F

Tetradic Palette

#264A4B #2E5A5B #232268 #5C2F2E #676822 #82834A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5A5B contains 46 red, 90 green, and 91 blue.

Contrast Ratio: 7.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.69:1