#386238

#386238

Color Values

HEX

#386238

RGB

56, 98, 56

HSL

120.0, 27.3%, 30.2%

HSV

120.0, 42.9%, 38.4%

CMYK

42.9%, 0.0%, 42.9%, 61.6%

OKLCH

0.4536 0.0818 144.1

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#386238

#623862

Analogous

#4D6238

#38624D

#386238

Triadic

#386238

#383862

#623838

Split Complementary

#386238

#4D3862

#62384D

Tetradic

#386238

#384D62

#623862

#624D38

Color Blindness Simulation

Original

#386238

Protanopia

#4A4B42

Deuteranopia

#484545

Tritanopia

#3A4A4C

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D2E5D2
300
#B1D3B1
400
#87BA87
500
#5DA25D
600
#4A824A
700
#3B683B
800
#2E512E
900
#253C25
950
#172617

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

2.97:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026