#98FC95

#98FC95

Color Values

HEX

#98FC95

RGB

152, 252, 149

HSL

118.3, 94.5%, 78.6%

HSV

118.3, 40.9%, 98.8%

CMYK

39.7%, 0.0%, 40.9%, 1.2%

OKLCH

0.9054 0.1667 143.4

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#98FC95

#F995FC

Analogous

#CBFC95

#95FCC6

#98FC95

Triadic

#98FC95

#9598FC

#FC9598

Split Complementary

#98FC95

#C695FC

#FC95CB

Tetradic

#98FC95

#95CBFC

#F995FC

#FCC695

Color Blindness Simulation

Original

#98FC95

Protanopia

#C3C4AE

Deuteranopia

#BEB6B4

Tritanopia

#9DC2C6

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BBFDBA
300
#8BFC88
400
#4DFA47
500
#0EF807
600
#0BC606
700
#099F04
800
#077C04
900
#0A5A07
950
#063905

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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