#98D272

#98D272

Color Values

HEX

#98D272

RGB

152, 210, 114

HSL

96.2, 51.6%, 63.5%

HSV

96.2, 45.7%, 82.4%

CMYK

27.6%, 0.0%, 45.7%, 17.6%

OKLCH

0.802 0.1403 134.1

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#98D272

#AC72D2

Analogous

#C8D272

#72D27C

#98D272

Triadic

#98D272

#7298D2

#D27298

Split Complementary

#98D272

#7C72D2

#D272C8

Tetradic

#98D272

#72C8D2

#AC72D2

#D27C72

Color Blindness Simulation

Original

#98D272

Protanopia

#B1B289

Deuteranopia

#AEA98F

Tritanopia

#9B9CA0

Achromatopsia

#BFBFBF

CSS Usage

background-color: #98D272;
color: #98D272;
border-color: #98D272;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D7EEC9
300
#BBE1A2
400
#97D170
500
#72C13E
600
#5B9B31
700
#497C27
800
#39611F
900
#2C471A
950
#1C2D10

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026