#98DC49

#98DC49

Color Values

HEX

#98DC49

RGB

152, 220, 73

HSL

87.8, 67.7%, 57.5%

HSV

87.8, 66.8%, 86.3%

CMYK

30.9%, 0.0%, 66.8%, 13.7%

OKLCH

0.8207 0.189 130.9

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#98DC49

#8D49DC

Analogous

#DCD749

#4FDC49

#98DC49

Triadic

#98DC49

#4998DC

#DC4998

Split Complementary

#98DC49

#494FDC

#D749DC

Tetradic

#98DC49

#49DCD7

#8D49DC

#DC494F

Color Blindness Simulation

Original

#98DC49

Protanopia

#B5B66D

Deuteranopia

#B2AC75

Tritanopia

#9B898F

Achromatopsia

#C3C3C3

CSS Usage

background-color: #98DC49;
color: #98DC49;
border-color: #98DC49;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DDF3C3
300
#C5EB98
400
#A5E161
500
#86D629
600
#6BAB21
700
#56891A
800
#436B15
900
#334E13
950
#20310C

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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