#40AC97 Color

Color Information

HEX#40AC97
RGB64, 172, 151
HSL168° , 46% , 46%
HSV168° , 63% , 67%
CMYK63%, 0%, 12%, 33%

Lighter Shades

#57B6A3 #6EC0B0 #85CABC #9CD4C9 #B3DED5 #CAE8E2

Darker Shades

#389785 #318373 #296E61 #21594F #1A453C #12302A

Complementary Palette

#379482 #40AC97 #933649 #AB3F55 #B75A6D #5BB8A6

Analogous Palette

#4F8760 #579469 #3CA28E #40AC97 #578194 #678998

Triadic Palette

#389785 #40AC97 #9D34B7 #A94CC0 #B79D34 #A18A2E

Split Complementary Palette

#3A9B88 #40AC97 #AB3F8B #B35297 #AB603F #9A5639

Square Palette

#36907F #40AC97 #644BA0 #A04B5C #8BAB3F #9EB85E

Tetradic Palette

#348D7C #40AC97 #2A48C0 #AB3F55 #C0A22A #CBB350

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40AC97 contains 64 red, 172 green, and 151 blue.

Contrast Ratio: 2.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.67:1