#14DF73

#14DF73

Color Values

HEX

#14DF73

RGB

20, 223, 115

HSL

148.1, 83.5%, 47.6%

HSV

148.1, 91.0%, 87.5%

CMYK

91.0%, 0.0%, 48.4%, 12.5%

OKLCH

0.7923 0.2071 151.6

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#14DF73

#DF1480

Analogous

#1ADF14

#14DFD8

#14DF73

Triadic

#14DF73

#7314DF

#DF7314

Split Complementary

#14DF73

#D814DF

#DF141A

Tetradic

#14DF73

#141ADF

#DF1480

#DFD814

Color Blindness Simulation

Original

#14DF73

Protanopia

#6C6E8D

Deuteranopia

#605193

Tritanopia

#1EA2A6

Achromatopsia

#ACACAC

CSS Usage

background-color: #14DF73;
color: #14DF73;
border-color: #14DF73;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BDF9D9
300
#8FF5BF
400
#52EF9C
500
#15EA79
600
#11BB61
700
#0D964D
800
#0B753C
900
#0C552E
950
#08361D

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026