#14D310

#14D310

Color Values

HEX

#14D310

RGB

20, 211, 16

HSL

118.8, 85.9%, 44.5%

HSV

118.8, 92.4%, 82.7%

CMYK

90.5%, 0.0%, 92.4%, 17.3%

OKLCH

0.7524 0.2517 142.5

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#14D310

#CF10D3

Analogous

#75D310

#10D36E

#14D310

Triadic

#14D310

#1014D3

#D31014

Split Complementary

#14D310

#6E10D3

#D31075

Tetradic

#14D310

#1075D3

#CF10D3

#D36E10

Color Blindness Simulation

Original

#14D310

Protanopia

#67683F

Deuteranopia

#5C4D4A

Tritanopia

#1E646D

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BEFABD
300
#8FF68D
400
#53F250
500
#16ED12
600
#12BE0E
700
#0E980C
800
#0B7709
900
#0C560B
950
#083607

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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