#386141

#386141

Color Values

HEX

#386141

RGB

56, 97, 65

HSL

133.2, 26.8%, 30.0%

HSV

133.2, 42.3%, 38.0%

CMYK

42.3%, 0.0%, 33.0%, 62.0%

OKLCH

0.4528 0.0698 149.9

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#386141

#613858

Analogous

#436138

#386156

#386141

Triadic

#386141

#413861

#614138

Split Complementary

#386141

#563861

#613843

Tetradic

#386141

#384361

#613858

#615638

Color Blindness Simulation

Original

#386141

Protanopia

#4A4A49

Deuteranopia

#47444B

Tritanopia

#3A4F50

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1EB
200
#D2E5D6
300
#B1D2B9
400
#87BA92
500
#5DA26C
600
#4B8157
700
#3C6745
800
#2F5136
900
#253C2A
950
#17261A

Contrast Checker

Text on white

7.11:1

AA Pass AAA Pass

Text on black

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