#408C48

#408C48

Color Values

HEX

#408C48

RGB

64, 140, 72

HSL

126.3, 37.3%, 40.0%

HSV

126.3, 54.3%, 54.9%

CMYK

54.3%, 0.0%, 48.6%, 45.1%

OKLCH

0.5747 0.1265 145.8

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#408C48

#8C4084

Analogous

#5E8C40

#408C6E

#408C48

Triadic

#408C48

#48408C

#8C4840

Split Complementary

#408C48

#6E408C

#8C405E

Tetradic

#408C48

#405E8C

#8C4084

#8C6E40

Color Blindness Simulation

Original

#408C48

Protanopia

#616258

Deuteranopia

#5C575C

Tritanopia

#446568

Achromatopsia

#777777

CSS Usage

background-color: #408C48;
color: #408C48;
border-color: #408C48;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E7F3E9
200
#CEE9D1
300
#ABD9B0
400
#7DC485
500
#50AF5A
600
#408C48
700
#33703A
800
#28582D
900
#204124
950
#142916

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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