#98F490

#98F490

Color Values

HEX

#98F490

RGB

152, 244, 144

HSL

115.2, 82.0%, 76.1%

HSV

115.2, 41.0%, 95.7%

CMYK

37.7%, 0.0%, 41.0%, 4.3%

OKLCH

0.8859 0.1601 142.4

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#98F490

#EC90F4

Analogous

#CAF490

#90F4BA

#98F490

Triadic

#98F490

#9098F4

#F49098

Split Complementary

#98F490

#BA90F4

#F490CA

Tetradic

#98F490

#90CAF4

#EC90F4

#F4BA90

Color Blindness Simulation

Original

#98F490

Protanopia

#C0C1A8

Deuteranopia

#BAB4AE

Tritanopia

#9DBBC0

Achromatopsia

#D9D9D9

CSS Usage

background-color: #98F490;
color: #98F490;
border-color: #98F490;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FDF2
100
#E3FAE1
200
#C3F9BE
300
#98F490
400
#60EE53
500
#28E817
600
#20BA12
700
#19950F
800
#14740B
900
#12540D
950
#0C3508

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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