#14DF1E

#14DF1E

Color Values

HEX

#14DF1E

RGB

20, 223, 30

HSL

123.0, 83.5%, 47.6%

HSV

123.0, 91.0%, 87.5%

CMYK

91.0%, 0.0%, 86.5%, 12.5%

OKLCH

0.7846 0.2597 142.9

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#14DF1E

#DF14D5

Analogous

#6FDF14

#14DF84

#14DF1E

Triadic

#14DF1E

#1E14DF

#DF1E14

Split Complementary

#14DF1E

#8414DF

#DF146F

Tetradic

#14DF1E

#146FDF

#DF14D5

#DF8414

Color Blindness Simulation

Original

#14DF1E

Protanopia

#6C6E4D

Deuteranopia

#605158

Tritanopia

#1E727A

Achromatopsia

#A6A6A6

CSS Usage

background-color: #14DF1E;
color: #14DF1E;
border-color: #14DF1E;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E0FAE2
200
#BDF9C0
300
#8FF594
400
#52EF5A
500
#15EA20
600
#11BB19
700
#0D9614
800
#0B7510
900
#0C5510
950
#08360A

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.6:1

AA Pass AAA Pass

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