#148C17

#148C17

Color Values

HEX

#148C17

RGB

20, 140, 23

HSL

121.5, 75.0%, 31.4%

HSV

121.5, 85.7%, 54.9%

CMYK

85.7%, 0.0%, 83.6%, 45.1%

OKLCH

0.5574 0.179 142.9

Properties

Cool Light Nearest: green

Color Harmonies

Complementary

#148C17

#8C1489

Analogous

#4D8C14

#148C53

#148C17

Triadic

#148C17

#17148C

#8C1714

Split Complementary

#148C17

#53148C

#8C144D

Tetradic

#148C17

#144D8C

#8C1489

#8C5314

Color Blindness Simulation

Original

#148C17

Protanopia

#484933

Deuteranopia

#41383A

Tritanopia

#1A4A4F

Achromatopsia

#6A6A6A

CSS Usage

background-color: #148C17;
color: #148C17;
border-color: #148C17;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FCF3
100
#E2F9E2
200
#C1F6C2
300
#94F096
400
#5AE75D
500
#20DF25
600
#19B31D
700
#148F17
800
#107012
900
#105111
950
#0A330B

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

4.79: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