#158012

#158012

Color Values

HEX

#158012

RGB

21, 128, 18

HSL

118.4, 75.3%, 28.6%

HSV

118.4, 85.9%, 50.2%

CMYK

83.6%, 0.0%, 85.9%, 49.8%

OKLCH

0.5228 0.1679 142.5

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#158012

#7D1280

Analogous

#4C8012

#128046

#158012

Triadic

#158012

#121580

#801215

Split Complementary

#158012

#461280

#80124C

Tetradic

#158012

#124C80

#7D1280

#804612

Color Blindness Simulation

Original

#158012

Protanopia

#43442D

Deuteranopia

#3D3533

Tritanopia

#1A4246

Achromatopsia

#616161

CSS Usage

background-color: #158012;
color: #158012;
border-color: #158012;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F3FCF2
100
#E2F9E2
200
#C2F6C0
300
#96F094
400
#5DE85A
500
#25E01F
600
#1DB319
700
#178F14
800
#127010
900
#115110
950
#0B330A

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.13:1

AA Fail 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