#6F9342

#6F9342

Color Values

HEX

#6F9342

RGB

111, 147, 66

HSL

86.7, 38.0%, 41.8%

HSV

86.7, 55.1%, 57.6%

CMYK

24.5%, 0.0%, 55.1%, 42.4%

OKLCH

0.6178 0.1171 129.2

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#6F9342

#664293

Analogous

#938F42

#479342

#6F9342

Triadic

#6F9342

#426F93

#93426F

Split Complementary

#6F9342

#424793

#8F4293

Tetradic

#6F9342

#42938F

#664293

#934247

Color Blindness Simulation

Original

#6F9342

Protanopia

#7F7F56

Deuteranopia

#7C7A5A

Tritanopia

#716568

Achromatopsia

#858585

CSS Usage

background-color: #6F9342;
color: #6F9342;
border-color: #6F9342;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDE9CE
300
#C4D9AB
400
#A5C57D
500
#85B04F
600
#6A8D3F
700
#557133
800
#425828
900
#324120
950
#202914

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026