#6B9750

#6B9750

Color Values

HEX

#6B9750

RGB

107, 151, 80

HSL

97.2, 30.7%, 45.3%

HSV

97.2, 47.0%, 59.2%

CMYK

29.1%, 0.0%, 47.0%, 40.8%

OKLCH

0.6271 0.1109 134.6

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#6B9750

#7C5097

Analogous

#8E9750

#509759

#6B9750

Triadic

#6B9750

#506B97

#97506B

Split Complementary

#6B9750

#595097

#97508E

Tetradic

#6B9750

#508E97

#7C5097

#975950

Color Blindness Simulation

Original

#6B9750

Protanopia

#7E7E61

Deuteranopia

#7C7865

Tritanopia

#6D6F72

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#ECF2E8
200
#D9E6D0
300
#BDD5AF
400
#9ABE84
500
#76A758
600
#5E8547
700
#4C6B39
800
#3B532C
900
#2D3E23
950
#1D2716

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.17:1

AA Pass 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