#384A2C

#384A2C

Color Values

HEX

#384A2C

RGB

56, 74, 44

HSL

96.0, 25.4%, 23.1%

HSV

96.0, 40.5%, 29.0%

CMYK

24.3%, 0.0%, 40.5%, 71.0%

OKLCH

0.385 0.0536 133.6

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#384A2C

#3E2C4A

Analogous

#474A2C

#2C4A2F

#384A2C

Triadic

#384A2C

#2C384A

#4A2C38

Split Complementary

#384A2C

#2F2C4A

#4A2C47

Tetradic

#384A2C

#2C474A

#3E2C4A

#4A2F2C

Color Blindness Simulation

Original

#384A2C

Protanopia

#404033

Deuteranopia

#3F3D35

Tritanopia

#39393A

Achromatopsia

#444444

CSS Usage

background-color: #384A2C;
color: #384A2C;
border-color: #384A2C;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F7F9F6
100
#ECF1E9
200
#D9E4D2
300
#BFD1B2
400
#9CB989
500
#79A05F
600
#61804C
700
#4D663D
800
#3D5030
900
#2E3C25
950
#1D2618

Contrast Checker

Text on white

9.62:1

AA Pass AAA Pass

Text on black

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