#158F18

#158F18

Color Values

HEX

#158F18

RGB

21, 143, 24

HSL

121.5, 74.4%, 32.2%

HSV

121.5, 85.3%, 56.1%

CMYK

85.3%, 0.0%, 83.2%, 43.9%

OKLCH

0.5661 0.1816 142.9

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#158F18

#8F158C

Analogous

#4F8F15

#158F55

#158F18

Triadic

#158F18

#18158F

#8F1815

Split Complementary

#158F18

#55158F

#8F154F

Tetradic

#158F18

#154F8F

#8F158C

#8F5515

Color Blindness Simulation

Original

#158F18

Protanopia

#4A4B35

Deuteranopia

#433A3C

Tritanopia

#1B4C51

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E2
200
#C1F6C2
300
#94EF97
400
#5AE75E
500
#21DE25
600
#1AB21E
700
#158E18
800
#106F13
900
#105112
950
#0A330B

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

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