#158148

#158148

Color Values

HEX

#158148

RGB

21, 129, 72

HSL

148.3, 72.0%, 29.4%

HSV

148.3, 83.7%, 50.6%

CMYK

83.7%, 0.0%, 44.2%, 49.4%

OKLCH

0.5321 0.1279 153.7

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#158148

#81154E

Analogous

#188115

#15817E

#158148

Triadic

#158148

#481581

#814815

Split Complementary

#158148

#7E1581

#811518

Tetradic

#158148

#151881

#81154E

#817E15

Color Blindness Simulation

Original

#158148

Protanopia

#444556

Deuteranopia

#3E3559

Tritanopia

#1A6163

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C2F5DA
300
#96EEBF
400
#5DE59D
500
#24DB7A
600
#1DAF62
700
#178C4E
800
#126E3D
900
#11502F
950
#0B321D

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

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