#14C317

#14C317

Color Values

HEX

#14C317

RGB

20, 195, 23

HSL

121.0, 81.4%, 42.2%

HSV

121.0, 89.7%, 76.5%

CMYK

89.7%, 0.0%, 88.2%, 23.5%

OKLCH

0.7098 0.2349 142.7

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#14C317

#C314C0

Analogous

#69C314

#14C36F

#14C317

Triadic

#14C317

#1714C3

#C31714

Split Complementary

#14C317

#6F14C3

#C31469

Tetradic

#14C317

#1469C3

#C314C0

#C36F14

Color Blindness Simulation

Original

#14C317

Protanopia

#606141

Deuteranopia

#56484B

Tritanopia

#1D6269

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE1
200
#BEF8BF
300
#90F492
400
#54ED56
500
#18E71B
600
#13B916
700
#0F9411
800
#0C740E
900
#0D540E
950
#083509

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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