#158F24

#158F24

Color Values

HEX

#158F24

RGB

21, 143, 36

HSL

127.4, 74.4%, 32.2%

HSV

127.4, 85.3%, 56.1%

CMYK

85.3%, 0.0%, 74.8%, 43.9%

OKLCH

0.5669 0.1753 144.1

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#158F24

#8F1580

Analogous

#438F15

#158F61

#158F24

Triadic

#158F24

#24158F

#8F2415

Split Complementary

#158F24

#61158F

#8F1543

Tetradic

#158F24

#15438F

#8F1580

#8F6115

Color Blindness Simulation

Original

#158F24

Protanopia

#4A4B3E

Deuteranopia

#433A44

Tritanopia

#1B5257

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E2F8E5
200
#C1F6C7
300
#94EF9F
400
#5AE76C
500
#21DE38
600
#1AB22D
700
#158E24
800
#106F1C
900
#105118
950
#0A330F

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

4.99:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026