#384C23

#384C23

Color Values

HEX

#384C23

RGB

56, 76, 35

HSL

89.3, 36.9%, 21.8%

HSV

89.3, 53.9%, 29.8%

CMYK

26.3%, 0.0%, 53.9%, 70.2%

OKLCH

0.3888 0.0685 130.4

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#384C23

#37234C

Analogous

#4C4C23

#244C23

#384C23

Triadic

#384C23

#23384C

#4C2338

Split Complementary

#384C23

#23244C

#4C234C

Tetradic

#384C23

#234C4C

#37234C

#4C2324

Color Blindness Simulation

Original

#384C23

Protanopia

#41412D

Deuteranopia

#403E2F

Tritanopia

#393536

Achromatopsia

#454545

CSS Usage

background-color: #384C23;
color: #384C23;
border-color: #384C23;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7FAF5
100
#EDF3E8
200
#DCE8CE
300
#C2D8AB
400
#A1C37E
500
#81AF50
600
#678C40
700
#527033
800
#405728
900
#314120
950
#1F2914

Contrast Checker

Text on white

9.43:1

AA Pass AAA Pass

Text on black

2.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026