#2C4F65 Color

Color Information

HEX#2C4F65
RGB44, 79, 101
HSL203° , 39% , 28%
HSV203° , 56% , 40%
CMYK56%, 22%, 0%, 60%

Lighter Shades

#456477 #5F798A #788E9C #91A3AF #ABB9C1 #C4CED4

Darker Shades

#274659 #213C4D #1C3341 #172935 #122028 #0C161C

Complementary Palette

#264457 #2C4F65 #553826 #63412C #795C4A #4A687B

Analogous Palette

#364F4C #3B5451 #294A5F #2C4F65 #3B3E54 #4A4C64

Triadic Palette

#274659 #2C4F65 #6A254F #7C3F64 #4F6A25 #465D21

Split Complementary Palette

#28475B #2C4F65 #632C32 #734147 #635D2C #595428

Square Palette

#254255 #2C4F65 #57335B #5B4333 #32632C #537C4E

Tetradic Palette

#244153 #2C4F65 #3E1F6F #63412C #516F1F #708947

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4F65 contains 44 red, 79 green, and 101 blue.

Contrast Ratio: 8.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.36:1