#46A5A4 Color

Color Information

HEX#46A5A4
RGB70, 165, 164
HSL179° , 40% , 46%
HSV179° , 58% , 65%
CMYK58%, 0%, 1%, 35%

Lighter Shades

#5CB0AF #72BBBA #89C5C5 #9FD0D0 #B5DBDB #CBE6E6

Darker Shades

#3E9190 #357D7D #2D6A69 #245655 #1C4242 #142E2E

Complementary Palette

#3C8E8D #46A5A4 #8D3C3E #A44648 #B16062 #60B2B1

Analogous Palette

#56816B #5E8D75 #429B9A #46A5A4 #5E768D #6C8093

Triadic Palette

#3E9190 #46A5A4 #AE3BB0 #B853B9 #B0AE3B #9B9934

Split Complementary Palette

#3F9594 #46A5A4 #A44677 #AD5985 #A47446 #94683F

Square Palette

#3B8B8A #46A5A4 #745298 #985253 #77A446 #8DB364

Tetradic Palette

#398786 #46A5A4 #3134B9 #A44648 #B9B731 #C6C456

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #46A5A4 contains 70 red, 165 green, and 164 blue.

Contrast Ratio: 2.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.28:1