#406948

#406948

Color Values

HEX

#406948

RGB

64, 105, 72

HSL

131.7, 24.3%, 33.1%

HSV

131.7, 39.0%, 41.2%

CMYK

39.0%, 0.0%, 31.4%, 58.8%

OKLCH

0.4808 0.0703 149.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#406948

#694061

Analogous

#4C6940

#40695C

#406948

Triadic

#406948

#484069

#694840

Split Complementary

#406948

#5C4069

#69404C

Tetradic

#406948

#404C69

#694061

#695C40

Color Blindness Simulation

Original

#406948

Protanopia

#525250

Deuteranopia

#4F4C52

Tritanopia

#425658

Achromatopsia

#5E5E5E

CSS Usage

background-color: #406948;
color: #406948;
border-color: #406948;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F6F9F6
100
#E9F1EB
200
#D3E4D6
300
#B3D1B9
400
#8AB893
500
#619E6D
600
#4D7F57
700
#3E6546
800
#304F36
900
#263B2A
950
#18251B

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

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