#3D4603

#3D4603

Color Values

HEX

#3D4603

RGB

61, 70, 3

HSL

68.1, 91.8%, 14.3%

HSV

68.1, 95.7%, 27.5%

CMYK

12.9%, 0.0%, 95.7%, 72.5%

OKLCH

0.3731 0.0846 117.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#3D4603

#0C0346

Analogous

#462E03

#1B4603

#3D4603

Triadic

#3D4603

#033D46

#46033D

Split Complementary

#3D4603

#031B46

#2E0346

Tetradic

#3D4603

#03462E

#0C0346

#46031B

Color Blindness Simulation

Original

#3D4603

Protanopia

#414113

Deuteranopia

#404017

Tritanopia

#3D2023

Achromatopsia

#3F3F3F

CSS Usage

background-color: #3D4603;
color: #3D4603;
border-color: #3D4603;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FCFDF1
100
#F7FBDF
200
#F3FCBB
300
#EBFA8A
400
#E0F74A
500
#D5F50A
600
#AAC408
700
#889D07
800
#6A7A05
900
#4E5808
950
#313805

Contrast Checker

Text on white

10.12:1

AA Pass AAA Pass

Text on black

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