#2A6C50 Color

Color Information

HEX#2A6C50
RGB42, 108, 80
HSL155° , 44% , 29%
HSV155° , 61% , 42%
CMYK61%, 0%, 26%, 58%

Lighter Shades

#447E65 #5D8F7A #77A18F #90B3A4 #AAC4B9 #C3D6CE

Darker Shades

#255F46 #20523D #1B4533 #16382A #112B20 #0C1E16

Complementary Palette

#245D45 #2A6C50 #5B233B #6A2945 #7F475F #488169

Analogous Palette

#345537 #385C3C #27664B #2A6C50 #38595C #4C6467

Triadic Palette

#255F46 #2A6C50 #512272 #663D83 #725122 #64471E

Split Complementary Palette

#266148 #2A6C50 #6A2965 #793E74 #6A2F29 #5F2A25

Square Palette

#235B43 #2A6C50 #363163 #633147 #656A29 #7E824B

Tetradic Palette

#225942 #2A6C50 #1C4478 #6A2945 #78521C #907145

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6C50 contains 42 red, 108 green, and 80 blue.

Contrast Ratio: 6.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.35:1