#789F22

#789F22

Color Values

HEX

#789F22

RGB

120, 159, 34

HSL

78.7, 64.8%, 37.8%

HSV

78.7, 78.6%, 62.4%

CMYK

24.5%, 0.0%, 78.6%, 37.6%

OKLCH

0.6507 0.1529 126.1

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#789F22

#49229F

Analogous

#9F8722

#399F22

#789F22

Triadic

#789F22

#22789F

#9F2278

Split Complementary

#789F22

#22399F

#87229F

Tetradic

#789F22

#229F87

#49229F

#9F2239

Color Blindness Simulation

Original

#789F22

Protanopia

#898940

Deuteranopia

#878448

Tritanopia

#7A585D

Achromatopsia

#8E8E8E

CSS Usage

background-color: #789F22;
color: #789F22;
border-color: #789F22;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F9FCF3
100
#F1F7E3
200
#E4F2C4
300
#D1E99A
400
#B8DE64
500
#9FD22D
600
#7FA824
700
#66861D
800
#4F6916
900
#3B4D14
950
#25300D

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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