#40AF8C Color

Color Information

HEX	#40AF8C
RGB	64, 175, 140
HSL	161° , 46% , 47%
HSV	161° , 63% , 69%
CMYK	63%, 0%, 20%, 31%

Lighter Shades

#57B99A #6EC2A8 #85CCB5 #9CD5C3 #B3DFD1 #CAE9DF

Darker Shades

#389A7B #31856A #29705A #215B49 #1A4638 #123127

Complementary Palette

#379778 #40AF8C #973856 #AF4164 #BA5C7A #5BBA9C

Analogous Palette

#518A5C #599764 #3CA584 #40AF8C #598C97 #68939C

Triadic Palette

#389A7B #40AF8C #9035BB #9D4DC3 #BB9035 #A57F2F

Split Complementary Palette

#3A9E7E #40AF8C #AF419B #B754A5 #AF5541 #9E4D3B

Square Palette

#369376 #40AF8C #5D4DA3 #A34D68 #9BAF41 #ABBC5F

Tetradic Palette

#349073 #40AF8C #2B5CC5 #AF4164 #C5942B #CFA751

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #40AF8C contains 64 red, 175 green, and 140 blue.

Contrast Ratio: 2.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.84:1