#788024

#788024

Color Values

HEX

#788024

RGB

120, 128, 36

HSL

65,2, 56,1%, 32,2%

HSV

65,2, 71,9%, 50,2%

CMYK

6,2%, 0,0%, 71,9%, 49,8%

OKLCH

0,5752 0,1136 114,3

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#788024

#2C2480

Analogous

#805A24

#4A8024

#788024

Triadic

#788024

#247880

#802478

Split Complementary

#788024

#244A80

#5A2480

Tetradic

#788024

#24805A

#2C2480

#80244A

Color Blindness Simulation

Original

#788024

Protanopia

#7B7C3A

Deuteranopia

#7B7A40

Tritanopia

#784C50

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E5
200
#ECEFC7
300
#DEE49F
400
#CCD66C
500
#BBC738
600
#959F2D
700
#777F24
800
#5D641C
900
#454918
950
#2B2E0F

Contrast Checker

Text on white

4,28:1

AA Fail AAA Fail

Text on black

4,91:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026