#776F22

#776F22

Color Values

HEX

#776F22

RGB

119, 111, 34

HSL

54.4, 55.6%, 30.0%

HSV

54.4, 71.4%, 46.7%

CMYK

0.0%, 6.7%, 71.4%, 53.3%

OKLCH

0.5338 0.0966 103.3

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#776F22

#222A77

Analogous

#774522

#547722

#776F22

Triadic

#776F22

#22776F

#6F2277

Split Complementary

#776F22

#225477

#452277

Tetradic

#776F22

#227745

#222A77

#772254

Color Blindness Simulation

Original

#776F22

Protanopia

#747335

Deuteranopia

#747539

Tritanopia

#774347

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F6F4E5
200
#EFEBC7
300
#E4DDA0
400
#D5CB6C
500
#C6B939
600
#9F942D
700
#7F7724
800
#635D1C
900
#494418
950
#2E2B0F

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

4.08:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026