#3C6D18

#3C6D18

Color Values

HEX

#3C6D18

RGB

60, 109, 24

HSL

94.6, 63.9%, 26.1%

HSV

94.6, 78.0%, 42.7%

CMYK

45.0%, 0.0%, 78.0%, 57.3%

OKLCH

0.4821 0.126 135.1

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#3C6D18

#49186D

Analogous

#676D18

#186D1F

#3C6D18

Triadic

#3C6D18

#183C6D

#6D183C

Split Complementary

#3C6D18

#1F186D

#6D1867

Tetradic

#3C6D18

#18676D

#49186D

#6D1F18

Color Blindness Simulation

Original

#3C6D18

Protanopia

#51522D

Deuteranopia

#4E4B31

Tritanopia

#3E3D40

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D8F2C4
300
#BCE99B
400
#97DD64
500
#73D12E
600
#5CA725
700
#4A861D
800
#3A6817
900
#2C4C15
950
#1C300D

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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