#778D34

#778D34

Color Values

HEX

#778D34

RGB

119, 141, 52

HSL

74.8, 46.1%, 37.8%

HSV

74.8, 63.1%, 55.3%

CMYK

15.6%, 0.0%, 63.1%, 44.7%

OKLCH

0.6072 0.1178 121.8

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#778D34

#4A348D

Analogous

#8D7634

#4A8D34

#778D34

Triadic

#778D34

#34778D

#8D3477

Split Complementary

#778D34

#344A8D

#76348D

Tetradic

#778D34

#348D76

#4A348D

#8D344A

Color Blindness Simulation

Original

#778D34

Protanopia

#81814A

Deuteranopia

#7F7E4F

Tritanopia

#785B5E

Achromatopsia

#828282

CSS Usage

background-color: #778D34;
color: #778D34;
border-color: #778D34;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F9FAF4
100
#F1F4E6
200
#E4ECCB
300
#D0DEA6
400
#B7CC75
500
#9DBA45
600
#7E9537
700
#65772C
800
#4F5D22
900
#3B451C
950
#252B12

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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