#408960

#408960

Color Values

HEX

#408960

RGB

64, 137, 96

HSL

146.3, 36.3%, 39.4%

HSV

146.3, 53.3%, 53.7%

CMYK

53.3%, 0.0%, 29.9%, 46.3%

OKLCH

0.5716 0.0977 156.7

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#408960

#894069

Analogous

#448940

#408984

#408960

Triadic

#408960

#604089

#896040

Split Complementary

#408960

#844089

#894044

Tetradic

#408960

#404489

#894069

#898440

Color Blindness Simulation

Original

#408960

Protanopia

#60606A

Deuteranopia

#5B566C

Tritanopia

#447273

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CEE8DA
300
#ACD8BF
400
#7EC39C
500
#51AE7A
600
#418B61
700
#346F4E
800
#29573D
900
#21402E
950
#15291D

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.97: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