#98F85D

#98F85D

Color Values

HEX

#98F85D

RGB

152, 248, 93

HSL

97.2, 91.7%, 66.9%

HSV

97.2, 62.5%, 97.3%

CMYK

38.7%, 0.0%, 62.5%, 2.7%

OKLCH

0.8887 0.21 135.5

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#98F85D

#BD5DF8

Analogous

#E5F85D

#5DF870

#98F85D

Triadic

#98F85D

#5D98F8

#F85D98

Split Complementary

#98F85D

#705DF8

#F85DE5

Tetradic

#98F85D

#5DE5F8

#BD5DF8

#F8705D

Color Blindness Simulation

Original

#98F85D

Protanopia

#C2C282

Deuteranopia

#BCB58C

Tritanopia

#9DA0A7

Achromatopsia

#D8D8D8

CSS Usage

background-color: #98F85D;
color: #98F85D;
border-color: #98F85D;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F6FDF1
100
#EAFBDF
200
#D3FCBB
300
#B4FA8A
400
#8CF74A
500
#63F40B
600
#50C408
700
#409C07
800
#327A05
900
#275808
950
#193805

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.92:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026