#98CC64

#98CC64

Color Values

HEX

#98CC64

RGB

152, 204, 100

HSL

90.0, 50.5%, 59.6%

HSV

90.0, 51.0%, 80.0%

CMYK

25.5%, 0.0%, 51.0%, 20.0%

OKLCH

0.786 0.1454 131.0

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#98CC64

#9864CC

Analogous

#CCCC64

#64CC64

#98CC64

Triadic

#98CC64

#6498CC

#CC6498

Split Complementary

#98CC64

#6464CC

#CC64CC

Tetradic

#98CC64

#64CCCC

#9864CC

#CC6464

Color Blindness Simulation

Original

#98CC64

Protanopia

#AFAF7D

Deuteranopia

#ACA883

Tritanopia

#9B9195

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DBEDC9
300
#C2E1A3
400
#A1D071
500
#80C03F
600
#669A32
700
#527B28
800
#406020
900
#30461A
950
#1F2D11

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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