#62C970

#62C970

Color Values

HEX

#62C970

RGB

98, 201, 112

HSL

128.2, 48.8%, 58.6%

HSV

128.2, 51.2%, 78.8%

CMYK

51.2%, 0.0%, 44.3%, 21.2%

OKLCH

0.7527 0.1581 146.6

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#62C970

#C962BB

Analogous

#87C962

#62C9A4

#62C970

Triadic

#62C970

#7062C9

#C97062

Split Complementary

#62C970

#A462C9

#C96287

Tetradic

#62C970

#6287C9

#C962BB

#C9A462

Color Blindness Simulation

Original

#62C970

Protanopia

#8F8F86

Deuteranopia

#89818B

Tritanopia

#67979A

Achromatopsia

#ADADAD

CSS Usage

background-color: #62C970;
color: #62C970;
border-color: #62C970;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F4FBF5
100
#E6F5E8
200
#CAEDCF
300
#A4E0AC
400
#73CF7F
500
#41BE52
600
#349842
700
#2A7935
800
#215F29
900
#1B4621
950
#112C15

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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