#407346

#407346

Color Values

HEX

#407346

RGB

64, 115, 70

HSL

127.1, 28.5%, 35.1%

HSV

127.1, 44.3%, 45.1%

CMYK

44.3%, 0.0%, 39.1%, 54.9%

OKLCH

0.5071 0.0895 146.8

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#407346

#73406D

Analogous

#537340

#407360

#407346

Triadic

#407346

#464073

#734640

Split Complementary

#407346

#604073

#734053

Tetradic

#407346

#405373

#73406D

#736040

Color Blindness Simulation

Original

#407346

Protanopia

#565751

Deuteranopia

#534F54

Tritanopia

#43595B

Achromatopsia

#656565

CSS Usage

background-color: #407346;
color: #407346;
border-color: #407346;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5F9F6
100
#E9F1EA
200
#D1E5D4
300
#B0D3B4
400
#86BC8C
500
#5BA464
600
#498350
700
#3A6940
800
#2E5232
900
#243D27
950
#172619

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

3.76:1

AA Fail 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