#336105

#336105

Color Values

HEX

#336105

RGB

51, 97, 5

HSL

90.0, 90.2%, 20.0%

HSV

90.0, 94.8%, 38.0%

CMYK

47.4%, 0.0%, 94.8%, 62.0%

OKLCH

0.4422 0.1246 134.3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#336105

#330561

Analogous

#616105

#056105

#336105

Triadic

#336105

#053361

#610533

Split Complementary

#336105

#050561

#610561

Tetradic

#336105

#056161

#330561

#610505

Color Blindness Simulation

Original

#336105

Protanopia

#47471B

Deuteranopia

#444121

Tritanopia

#352D31

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DBFCBB
300
#C2F98B
400
#A1F64C
500
#80F30C
600
#66C20A
700
#529B08
800
#407906
900
#305809
950
#1F3706

Contrast Checker

Text on white

7.36:1

AA Pass AAA Pass

Text on black

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