#9FF498

#9FF498

Color Values

HEX

#9FF498

RGB

159, 244, 152

HSL

115.4, 80.7%, 77.6%

HSV

115.4, 37.7%, 95.7%

CMYK

34.8%, 0.0%, 37.7%, 4.3%

OKLCH

0.8909 0.1484 142.5

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#9FF498

#ED98F4

Analogous

#CDF498

#98F4BF

#9FF498

Triadic

#9FF498

#989FF4

#F4989F

Split Complementary

#9FF498

#BF98F4

#F498CD

Tetradic

#9FF498

#98CDF4

#ED98F4

#F4BF98

Color Blindness Simulation

Original

#9FF498

Protanopia

#C4C5AE

Deuteranopia

#BFB8B4

Tritanopia

#A3C0C4

Achromatopsia

#DBDBDB

CSS Usage

background-color: #9FF498;
color: #9FF498;
border-color: #9FF498;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F3FDF2
100
#E3F9E1
200
#C3F8BE
300
#98F390
400
#60ED55
500
#28E619
600
#20B814
700
#1A9310
800
#14730C
900
#13540D
950
#0C3508

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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