#98C970

#98C970

Color Values

HEX

#98C970

RGB

152, 201, 112

HSL

93.0, 45.2%, 61.4%

HSV

93.0, 44.3%, 78.8%

CMYK

24.4%, 0.0%, 44.3%, 21.2%

OKLCH

0.7807 0.1291 132.3

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#98C970

#A170C9

Analogous

#C5C970

#70C975

#98C970

Triadic

#98C970

#7098C9

#C97098

Split Complementary

#98C970

#7570C9

#C970C5

Tetradic

#98C970

#70C5C9

#A170C9

#C97570

Color Blindness Simulation

Original

#98C970

Protanopia

#ADAE86

Deuteranopia

#AAA78B

Tritanopia

#9A979A

Achromatopsia

#B8B8B8

CSS Usage

background-color: #98C970;
color: #98C970;
border-color: #98C970;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#DAEBCB
300
#BFDDA6
400
#9CCB76
500
#7AB946
600
#619438
700
#4E762D
800
#3D5D23
900
#2E441D
950
#1D2B12

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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