#22980C

#22980C

Color Values

HEX

#22980C

RGB

34, 152, 12

HSL

110.6, 85.4%, 32.2%

HSV

110.6, 92.1%, 59.6%

CMYK

77.6%, 0.0%, 92.1%, 40.4%

OKLCH

0.5932 0.1922 141.4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#22980C

#820C98

Analogous

#68980C

#0C983C

#22980C

Triadic

#22980C

#0C2298

#980C22

Split Complementary

#22980C

#3C0C98

#980C68

Tetradic

#22980C

#0C6898

#820C98

#983C0C

Color Blindness Simulation

Original

#22980C

Protanopia

#55562E

Deuteranopia

#4E4536

Tritanopia

#28494E

Achromatopsia

#757575

CSS Usage

background-color: #22980C;
color: #22980C;
border-color: #22980C;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F4FDF2
100
#E4FAE0
200
#C6FABD
300
#9EF68E
400
#69F150
500
#35EC13
600
#2ABD0F
700
#22970C
800
#1A7609
900
#17560B
950
#0E3607

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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