#396526

#396526

Color Values

HEX

#396526

RGB

57, 101, 38

HSL

101.9, 45.3%, 27.3%

HSV

101.9, 62.4%, 39.6%

CMYK

43.6%, 0.0%, 62.4%, 60.4%

OKLCH

0.4595 0.1052 137.4

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#396526

#522665

Analogous

#596526

#266533

#396526

Triadic

#396526

#263965

#652639

Split Complementary

#396526

#332665

#652659

Tetradic

#396526

#265965

#522665

#653326

Color Blindness Simulation

Original

#396526

Protanopia

#4C4C35

Deuteranopia

#4A4639

Tritanopia

#3B4144

Achromatopsia

#575757

CSS Usage

background-color: #396526;
color: #396526;
border-color: #396526;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F6FAF4
100
#EAF4E6
200
#D5EBCB
300
#B7DEA6
400
#90CB76
500
#69B946
600
#549438
700
#43772D
800
#345D23
900
#29441D
950
#1A2B12

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

3.06:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026