#3D5506

#3D5506

Color Values

HEX

#3D5506

RGB

61, 85, 6

HSL

78.2, 86.8%, 17.8%

HSV

78.2, 92.9%, 33.3%

CMYK

28.2%, 0.0%, 92.9%, 66.7%

OKLCH

0.4147 0.1026 126.5

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#3D5506

#1E0655

Analogous

#554506

#155506

#3D5506

Triadic

#3D5506

#063D55

#55063D

Split Complementary

#3D5506

#061555

#450655

Tetradic

#3D5506

#065545

#1E0655

#550615

Color Blindness Simulation

Original

#3D5506

Protanopia

#474819

Deuteranopia

#46441E

Tritanopia

#3E282C

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FAFDF2
100
#F2FAE0
200
#E7FABC
300
#D7F78D
400
#C1F34F
500
#ABEE11
600
#89BF0D
700
#6D980B
800
#567708
900
#3F560B
950
#283707

Contrast Checker

Text on white

8.4:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026