#2D6C54 Color

Color Information

HEX	#2D6C54
RGB	45, 108, 84
HSL	157° , 41% , 30%
HSV	157° , 58% , 42%
CMYK	58%, 0%, 22%, 58%

Lighter Shades

#467E69 #5F8F7D #79A192 #92B3A6 #ABC4BB #C4D6CF

Darker Shades

#285F4A #225240 #1D4536 #17382C #122B22 #0D1E18

Complementary Palette

#275D48 #2D6C54 #5D273B #6C2D45 #814A5F #4A816C

Analogous Palette

#36533A #3C5D40 #2A664F #2D6C54 #3C595D #4E666A

Triadic Palette

#285F4A #2D6C54 #562574 #6A3F85 #745625 #664C21

Split Complementary Palette

#29614C #2D6C54 #6C2D65 #7B4274 #6C342D #612F29

Square Palette

#265B47 #2D6C54 #3A3564 #643547 #656C2D #7E844F

Tetradic Palette

#255945 #2D6C54 #1F427A #6C2D45 #7A571F #927547

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6C54 contains 45 red, 108 green, and 84 blue.

Contrast Ratio: 6.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.38:1