#62AB16

#62AB16

Color Values

HEX

#62AB16

RGB

98, 171, 22

HSL

89.4, 77.2%, 37.8%

HSV

89.4, 87.1%, 67.1%

CMYK

42.7%, 0.0%, 87.1%, 32.9%

OKLCH

0.6674 0.1838 133.8

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#62AB16

#5F16AB

Analogous

#ABA916

#17AB16

#62AB16

Triadic

#62AB16

#1662AB

#AB1662

Split Complementary

#62AB16

#1617AB

#A916AB

Tetradic

#62AB16

#16ABA9

#5F16AB

#AB1617

Color Blindness Simulation

Original

#62AB16

Protanopia

#82823A

Deuteranopia

#7D7843

Tritanopia

#66575D

Achromatopsia

#919191

CSS Usage

background-color: #62AB16;
color: #62AB16;
border-color: #62AB16;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FCF2
100
#EDF9E1
200
#DCF7C0
300
#C3F193
400
#A2E958
500
#81E21D
600
#68B517
700
#539113
800
#41710F
900
#31520F
950
#1F3409

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026