#2D6A50 Color

Color Information

HEX#2D6A50
RGB45, 106, 80
HSL154° , 40% , 30%
HSV154° , 58% , 42%
CMYK58%, 0%, 25%, 58%

Lighter Shades

#467C65 #5F8E7A #79A08F #92B2A4 #ABC3B9 #C4D5CE

Darker Shades

#285D46 #22513D #1D4433 #17372A #122A20 #0D1E16

Complementary Palette

#275B45 #2D6A50 #5C283E #6B2E48 #804B62 #4A7F69

Analogous Palette

#375339 #3D5C3F #2A644B #2D6A50 #3D5A5C #4E686A

Triadic Palette

#285D46 #2D6A50 #522673 #674084 #735226 #654821

Split Complementary Palette

#295F48 #2D6A50 #6B2E67 #7A4376 #6B322E #602D29

Square Palette

#265943 #2D6A50 #393663 #633649 #676B2E #7F834F

Tetradic Palette

#255742 #2D6A50 #204779 #6B2E48 #795220 #917148

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6A50 contains 45 red, 106 green, and 80 blue.

Contrast Ratio: 6.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.28:1