#149F18

#149F18

Color Values

HEX

#149F18

RGB

20, 159, 24

HSL

121.7, 77.7%, 35.1%

HSV

121.7, 87.4%, 62.4%

CMYK

87.4%, 0.0%, 84.9%, 37.6%

OKLCH

0.6111 0.1986 142.9

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#149F18

#9F149B

Analogous

#569F14

#149F5D

#149F18

Triadic

#149F18

#18149F

#9F1814

Split Complementary

#149F18

#5D149F

#9F1456

Tetradic

#149F18

#14569F

#9F149B

#9F5D14

Color Blindness Simulation

Original

#149F18

Protanopia

#505139

Deuteranopia

#483E40

Tritanopia

#1B5258

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E1F9E2
200
#C0F7C1
300
#92F195
400
#57EA5B
500
#1CE322
600
#17B51B
700
#129116
800
#0E7111
900
#0F5210
950
#09340A

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.0:1

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