#2D4C54 Color

Color Information

HEX#2D4C54
RGB45, 76, 84
HSL192° , 30% , 25%
HSV192° , 46% , 33%
CMYK46%, 10%, 0%, 67%

Lighter Shades

#466169 #5F777D #798C92 #92A2A6 #ABB7BB #C4CDCF

Darker Shades

#28434A #223A40 #1D3136 #17282C #121E22 #0D1518

Complementary Palette

#274148 #2D4C54 #472D27 #53342D #6B504A #4A656C

Analogous Palette

#32433E #364943 #2A474F #2D4C54 #363C49 #434A5B

Triadic Palette

#28434A #2D4C54 #59264E #6D4063 #4E5926 #454E21

Split Complementary Palette

#29444C #2D4C54 #532D38 #64424C #53472D #4B4029

Square Palette

#264047 #2D4C54 #44334D #4D3833 #38532D #586F4F

Tetradic Palette

#253E45 #2D4C54 #2C215E #53342D #515E21 #707B49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4C54 contains 45 red, 76 green, and 84 blue.

Contrast Ratio: 9.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.22:1