#158F22

#158F22

Color Values

HEX

#158F22

RGB

21, 143, 34

HSL

126.4, 74.4%, 32.2%

HSV

126.4, 85.3%, 56.1%

CMYK

85.3%, 0.0%, 76.2%, 43.9%

OKLCH

0.5668 0.1765 143.8

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#158F22

#8F1582

Analogous

#458F15

#158F5F

#158F22

Triadic

#158F22

#22158F

#8F2215

Split Complementary

#158F22

#5F158F

#8F1545

Tetradic

#158F22

#15458F

#8F1582

#8F5F15

Color Blindness Simulation

Original

#158F22

Protanopia

#4A4B3C

Deuteranopia

#433A43

Tritanopia

#1B5156

Achromatopsia

#6D6D6D

CSS Usage

background-color: #158F22;
color: #158F22;
border-color: #158F22;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FCF4
100
#E2F8E4
200
#C1F6C6
300
#94EF9E
400
#5AE769
500
#21DE35
600
#1AB22A
700
#158E22
800
#106F1A
900
#105117
950
#0A330E

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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