#407340

#407340

Color Values

HEX

#407340

RGB

64, 115, 64

HSL

120.0, 28.5%, 35.1%

HSV

120.0, 44.3%, 45.1%

CMYK

44.3%, 0.0%, 44.3%, 54.9%

OKLCH

0.5059 0.0961 144.0

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#407340

#734073

Analogous

#5A7340

#40735A

#407340

Triadic

#407340

#404073

#734040

Split Complementary

#407340

#5A4073

#73405A

Tetradic

#407340

#405A73

#734073

#735A40

Color Blindness Simulation

Original

#407340

Protanopia

#56574C

Deuteranopia

#534F4F

Tritanopia

#435658

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5F9F5
100
#E9F1E9
200
#D1E5D1
300
#B0D3B0
400
#86BC86
500
#5BA45B
600
#498349
700
#3A693A
800
#2E522E
900
#243D24
950
#172617

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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