#40895F

#40895F

Color Values

HEX

#40895F

RGB

64, 137, 95

HSL

145.5, 36.3%, 39.4%

HSV

145.5, 53.3%, 53.7%

CMYK

53.3%, 0.0%, 30.7%, 46.3%

OKLCH

0.5714 0.0986 156.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#40895F

#89406A

Analogous

#458940

#408983

#40895F

Triadic

#40895F

#5F4089

#895F40

Split Complementary

#40895F

#834089

#894045

Tetradic

#40895F

#404589

#89406A

#898340

Color Blindness Simulation

Original

#40895F

Protanopia

#606069

Deuteranopia

#5B566C

Tritanopia

#447173

Achromatopsia

#767676

CSS Usage

background-color: #40895F;
color: #40895F;
border-color: #40895F;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CEE8D9
300
#ACD8BE
400
#7EC39C
500
#51AE79
600
#418B60
700
#346F4D
800
#29573C
900
#21402E
950
#15291D

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.96:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026