#3D7014

#3D7014

Color Values

HEX

#3D7014

RGB

61, 112, 20

HSL

93.3, 69.7%, 25.9%

HSV

93.3, 82.1%, 43.9%

CMYK

45.5%, 0.0%, 82.1%, 56.1%

OKLCH

0.4907 0.1317 134.9

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#3D7014

#471470

Analogous

#6B7014

#147019

#3D7014

Triadic

#3D7014

#143D70

#70143D

Split Complementary

#3D7014

#191470

#70146B

Tetradic

#3D7014

#146B70

#471470

#701914

Color Blindness Simulation

Original

#3D7014

Protanopia

#53542A

Deuteranopia

#504C30

Tritanopia

#403C40

Achromatopsia

#5F5F5F

CSS Usage

background-color: #3D7014;
color: #3D7014;
border-color: #3D7014;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FCF3
100
#ECF8E3
200
#D9F4C2
300
#BDEC97
400
#99E25F
500
#76D827
600
#5EAD1F
700
#4B8A19
800
#3B6C13
900
#2D4F12
950
#1C320B

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

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