#76963F

#76963F

Color Values

HEX

#76963F

RGB

118, 150, 63

HSL

82.1, 40.8%, 41.8%

HSV

82.1, 58.0%, 58.8%

CMYK

21.3%, 0.0%, 58.0%, 41.2%

OKLCH

0.6297 0.1208 126.5

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#76963F

#5F3F96

Analogous

#968B3F

#4B963F

#76963F

Triadic

#76963F

#3F7696

#963F76

Split Complementary

#76963F

#3F4B96

#8B3F96

Tetradic

#76963F

#3F968B

#5F3F96

#963F4B

Color Blindness Simulation

Original

#76963F

Protanopia

#848454

Deuteranopia

#828059

Tritanopia

#786568

Achromatopsia

#898989

CSS Usage

background-color: #76963F;
color: #76963F;
border-color: #76963F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#DFEACD
300
#C8DBA9
400
#ABC77A
500
#8DB44B
600
#71903C
700
#5A7330
800
#475A26
900
#35421F
950
#222A13

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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