#148D17

#148D17

Color Values

HEX

#148D17

RGB

20, 141, 23

HSL

121.5, 75.2%, 31.6%

HSV

121.5, 85.8%, 55.3%

CMYK

85.8%, 0.0%, 83.7%, 44.7%

OKLCH

0.5603 0.1801 142.9

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#148D17

#8D148A

Analogous

#4E8D14

#148D54

#148D17

Triadic

#148D17

#17148D

#8D1714

Split Complementary

#148D17

#54148D

#8D144E

Tetradic

#148D17

#144E8D

#8D148A

#8D5414

Color Blindness Simulation

Original

#148D17

Protanopia

#484934

Deuteranopia

#41383A

Tritanopia

#1A4A4F

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

4.85:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026