#2D5563 Color

Color Information

HEX#2D5563
RGB45, 85, 99
HSL196° , 38% , 28%
HSV196° , 55% , 39%
CMYK55%, 14%, 0%, 61%

Lighter Shades

#466976 #5F7E88 #79929B #92A7AE #ABBBC1 #C4CFD3

Darker Shades

#284B57 #22414B #1D363F #172C33 #122228 #0D181C

Complementary Palette

#274955 #2D5563 #553326 #633B2C #79564A #4A6D79

Analogous Palette

#364F49 #3B544E #2A505D #2D5563 #3B4154 #4A5064

Triadic Palette

#284B57 #2D5563 #6A2557 #7C3F6B #576A25 #4D5D21

Split Complementary Palette

#294D59 #2D5563 #632C39 #73414D #63562C #594D28

Square Palette

#264753 #2D5563 #52335B #5B3E33 #39632C #597C4E

Tetradic Palette

#254651 #2D5563 #351F6F #633B2C #5A6F1F #788947

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5563 contains 45 red, 85 green, and 99 blue.

Contrast Ratio: 8.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.55:1