#386239

#386239

Color Values

HEX

#386239

RGB

56, 98, 57

HSL

121.4, 27.3%, 30.2%

HSV

121.4, 42.9%, 38.4%

CMYK

42.9%, 0.0%, 41.8%, 61.6%

OKLCH

0.4538 0.0807 144.6

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#386239

#623861

Analogous

#4C6238

#38624E

#386239

Triadic

#386239

#393862

#623938

Split Complementary

#386239

#4E3862

#62384C

Tetradic

#386239

#384C62

#623861

#624E38

Color Blindness Simulation

Original

#386239

Protanopia

#4A4B43

Deuteranopia

#484545

Tritanopia

#3A4B4C

Achromatopsia

#565656

CSS Usage

background-color: #386239;
color: #386239;
border-color: #386239;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D2E5D2
300
#B1D3B2
400
#87BA88
500
#5DA25E
600
#4A824B
700
#3B683C
800
#2E512F
900
#253C25
950
#172617

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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