#158149

#158149

Color Values

HEX

#158149

RGB

21, 129, 73

HSL

148.9, 72.0%, 29.4%

HSV

148.9, 83.7%, 50.6%

CMYK

83.7%, 0.0%, 43.4%, 49.4%

OKLCH

0.5323 0.1269 154.1

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#158149

#81154D

Analogous

#178115

#15817F

#158149

Triadic

#158149

#491581

#814915

Split Complementary

#158149

#7F1581

#811517

Tetradic

#158149

#151781

#81154D

#817F15

Color Blindness Simulation

Original

#158149

Protanopia

#444557

Deuteranopia

#3E355A

Tritanopia

#1A6164

Achromatopsia

#666666

CSS Usage

background-color: #158149;
color: #158149;
border-color: #158149;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C2F5DA
300
#96EEC0
400
#5DE59E
500
#24DB7C
600
#1DAF63
700
#178C4F
800
#126E3E
900
#11502F
950
#0B321E

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

4.27:1

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