#40AA80

#40AA80

Color Values

HEX

#40AA80

RGB

64, 170, 128

HSL

156.2, 45.3%, 45.9%

HSV

156.2, 62.4%, 66.7%

CMYK

62.4%, 0.0%, 24.7%, 33.3%

OKLCH

0.6654 0.1165 163.7

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#40AA80

#AA406A

Analogous

#40AA4B

#409FAA

#40AA80

Triadic

#40AA80

#8040AA

#AA8040

Split Complementary

#40AA80

#AA409F

#AA4B40

Tetradic

#40AA80

#4B40AA

#AA406A

#9FAA40

Color Blindness Simulation

Original

#40AA80

Protanopia

#6E6F8A

Deuteranopia

#68608D

Tritanopia

#459294

Achromatopsia

#909090

CSS Usage

background-color: #40AA80;
color: #40AA80;
border-color: #40AA80;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBEBDF
300
#A6DEC8
400
#76CBA9
500
#46B98B
600
#389470
700
#2D7759
800
#235D46
900
#1D4435
950
#122B21

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

7.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026