#396F06

#396F06

Color Values

HEX

#396F06

RGB

57, 111, 6

HSL

90,9, 89,7%, 22,9%

HSV

90,9, 94,6%, 43,5%

CMYK

48,6%, 0,0%, 94,6%, 56,5%

OKLCH

0,4851 0,1384 134,9

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#396F06

#3C066F

Analogous

#6D6F06

#066F08

#396F06

Triadic

#396F06

#06396F

#6F0639

Split Complementary

#396F06

#08066F

#6F066D

Tetradic

#396F06

#066D6F

#3C066F

#6F0806

Color Blindness Simulation

Original

#396F06

Protanopia

#50511F

Deuteranopia

#4D4926

Tritanopia

#3C3338

Achromatopsia

#5C5C5C

CSS Usage

background-color: #396F06;
color: #396F06;
border-color: #396F06;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FDF2
100
#EDFBE0
200
#DAFBBB
300
#C0F98B
400
#9EF54C
500
#7CF20D
600
#63C10B
700
#4F9B08
800
#3E7907
900
#2F5809
950
#1E3706

Contrast Checker

Text on white

6,09:1

AA Pass AAA Fail

Text on black

3,45: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