#778218

#778218

Color Values

HEX

#778218

RGB

119, 130, 24

HSL

66.2, 68.8%, 30.2%

HSV

66.2, 81.5%, 51.0%

CMYK

8.5%, 0.0%, 81.5%, 49.0%

OKLCH

0.5784 0.1234 115.7

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#778218

#231882

Analogous

#825818

#428218

#778218

Triadic

#778218

#187782

#821877

Split Complementary

#778218

#184282

#581882

Tetradic

#778218

#188258

#231882

#821842

Color Blindness Simulation

Original

#778218

Protanopia

#7C7C32

Deuteranopia

#7B7A38

Tritanopia

#78464A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F8E3
200
#EFF4C3
300
#E3EC98
400
#D4E260
500
#C5D728
600
#9EAC20
700
#7E8A19
800
#636C14
900
#484E12
950
#2E320C

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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