#6C9F2F

#6C9F2F

Color Values

HEX

#6C9F2F

RGB

108, 159, 47

HSL

87.3, 54.4%, 40.4%

HSV

87.3, 70.4%, 62.4%

CMYK

32.1%, 0.0%, 70.4%, 37.6%

OKLCH

0.6438 0.1512 130.9

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#6C9F2F

#622F9F

Analogous

#9F9A2F

#349F2F

#6C9F2F

Triadic

#6C9F2F

#2F6C9F

#9F2F6C

Split Complementary

#6C9F2F

#2F349F

#9A2F9F

Tetradic

#6C9F2F

#2F9F9A

#622F9F

#9F2F34

Color Blindness Simulation

Original

#6C9F2F

Protanopia

#82834A

Deuteranopia

#7F7B51

Tritanopia

#6F6064

Achromatopsia

#8C8C8C

CSS Usage

background-color: #6C9F2F;
color: #6C9F2F;
border-color: #6C9F2F;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DDEFC8
300
#C5E3A1
400
#A5D46D
500
#86C53A
600
#6B9D2F
700
#567E25
800
#43621D
900
#334819
950
#202E10

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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