#40A174

#40A174

Color Values

HEX

#40A174

RGB

64, 161, 116

HSL

152.2, 43.1%, 44.1%

HSV

152.2, 60.2%, 63.1%

CMYK

60.2%, 0.0%, 28.0%, 36.9%

OKLCH

0.6392 0.1144 160.3

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#40A174

#A1406D

Analogous

#40A144

#409DA1

#40A174

Triadic

#40A174

#7440A1

#A17440

Split Complementary

#40A174

#A1409D

#A14440

Tetradic

#40A174

#4440A1

#A1406D

#9DA140

Color Blindness Simulation

Original

#40A174

Protanopia

#6A6B7F

Deuteranopia

#645D82

Tritanopia

#458789

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEBDC
300
#A7DCC4
400
#78C9A4
500
#49B684
600
#3A9269
700
#2E7554
800
#245B42
900
#1E4332
950
#132A1F

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.57:1

AA Pass AAA Fail

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