#788331

#788331

Color Values

HEX

#788331

RGB

120, 131, 49

HSL

68.0, 45.6%, 35.3%

HSV

68.0, 62.6%, 51.4%

CMYK

8.4%, 0.0%, 62.6%, 48.6%

OKLCH

0.5836 0.1069 116.3

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#788331

#3C3183

Analogous

#836531

#4F8331

#788331

Triadic

#788331

#317883

#833178

Split Complementary

#788331

#314F83

#653183

Tetradic

#788331

#318365

#3C3183

#83314F

Color Blindness Simulation

Original

#788331

Protanopia

#7D7D45

Deuteranopia

#7C7B4A

Tritanopia

#795558

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F2F4E6
200
#E7ECCB
300
#D6DEA6
400
#C0CC76
500
#AABA45
600
#889537
700
#6D772C
800
#555D23
900
#3F441D
950
#282B12

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026