#118C46

#118C46

Color Values

HEX

#118C46

RGB

17, 140, 70

HSL

145.9, 78.3%, 30.8%

HSV

145.9, 87.9%, 54.9%

CMYK

87.9%, 0.0%, 50.0%, 45.1%

OKLCH

0.5621 0.1452 151.3

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#118C46

#8C1157

Analogous

#198C11

#118C84

#118C46

Triadic

#118C46

#46118C

#8C4611

Split Complementary

#118C46

#84118C

#8C1119

Tetradic

#118C46

#11198C

#8C1157

#8C8411

Color Blindness Simulation

Original

#118C46

Protanopia

#464757

Deuteranopia

#3F365B

Tritanopia

#176467

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E1F9EC
200
#BFF7D7
300
#92F2BB
400
#57EB97
500
#1CE372
600
#16B65B
700
#129149
800
#0E7239
900
#0E532C
950
#09341C

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

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