#2F5A5D Color

Color Information

HEX#2F5A5D
RGB47, 90, 93
HSL184° , 33% , 27%
HSV184° , 49% , 36%
CMYK49%, 3%, 0%, 64%

Lighter Shades

#486E70 #618284 #7A9597 #93A9AB #ACBDBE #C5D1D2

Darker Shades

#294F52 #244447 #1E3A3C #182F30 #132425 #0D191A

Complementary Palette

#284D50 #2F5A5D #4F2A28 #5C312E #734E4B #4C7174

Analogous Palette

#364941 #3B4F46 #2C5557 #2F5A5D #3B434F #485261

Triadic Palette

#294F52 #2F5A5D #62275F #754172 #5F6227 #545622

Split Complementary Palette

#2A5154 #2F5A5D #5C2E42 #6C4355 #5C482E #534129

Square Palette

#274C4E #2F5A5D #473555 #553735 #425C2E #60764F

Tetradic Palette

#274A4C #2F5A5D #262268 #5C312E #636822 #7F834A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5A5D contains 47 red, 90 green, and 93 blue.

Contrast Ratio: 7.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.71:1