#386C0F

#386C0F

Color Values

HEX

#386C0F

RGB

56, 108, 15

HSL

93.5, 75.6%, 24.1%

HSV

93.5, 86.1%, 42.4%

CMYK

48.1%, 0.0%, 86.1%, 57.6%

OKLCH

0.4766 0.1318 135.3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#386C0F

#430F6C

Analogous

#666C0F

#0F6C14

#386C0F

Triadic

#386C0F

#0F386C

#6C0F38

Split Complementary

#386C0F

#140F6C

#6C0F66

Tetradic

#386C0F

#0F666C

#430F6C

#6C140F

Color Blindness Simulation

Original

#386C0F

Protanopia

#4F4F25

Deuteranopia

#4C482B

Tritanopia

#3B373B

Achromatopsia

#5A5A5A

CSS Usage

background-color: #386C0F;
color: #386C0F;
border-color: #386C0F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FCF2
100
#ECF9E2
200
#D8F6C0
300
#BCF094
400
#98E859
500
#74E01F
600
#5DB319
700
#4A8F14
800
#3A7010
900
#2D510F
950
#1C330A

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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