#3A7C72 Color

Color Information

HEX#3A7C72
RGB58, 124, 114
HSL171° , 36% , 36%
HSV171° , 53% , 49%
CMYK53%, 0%, 8%, 51%

Lighter Shades

#528C83 #699B94 #81ABA5 #99BBB6 #B0CBC7 #C8DAD8

Darker Shades

#336D64 #2C5E57 #254F49 #1E403B #17322E #102320

Complementary Palette

#326B62 #3A7C72 #6C333B #7D3B45 #8F565F #568E86

Analogous Palette

#476250 #4D6A57 #37756B #3A7C72 #4D606A #596D78

Triadic Palette

#336D64 #3A7C72 #793286 #894B95 #867932 #766A2C

Split Complementary Palette

#347067 #3A7C72 #7D3B66 #8A4F75 #7D523B #714A35

Square Palette

#316860 #3A7C72 #554474 #74444B #667D3B #7E925A

Tetradic Palette

#30665D #3A7C72 #2A398D #7D3B45 #8D7F2A #A29650

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A7C72 contains 58 red, 124 green, and 114 blue.

Contrast Ratio: 4.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.34:1