#98B44B

#98B44B

Color Values

HEX

#98B44B

RGB

152, 180, 75

HSL

76.0, 41.2%, 50.0%

HSV

76.0, 58.3%, 70.6%

CMYK

15.6%, 0.0%, 58.3%, 29.4%

OKLCH

0.727 0.1357 122.4

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#98B44B

#674BB4

Analogous

#B49C4B

#63B44B

#98B44B

Triadic

#98B44B

#4B98B4

#B44B98

Split Complementary

#98B44B

#4B63B4

#9C4BB4

Tetradic

#98B44B

#4BB49C

#674BB4

#B44B63

Color Blindness Simulation

Original

#98B44B

Protanopia

#A4A464

Deuteranopia

#A2A06A

Tritanopia

#99787D

Achromatopsia

#A6A6A6

CSS Usage

background-color: #98B44B;
color: #98B44B;
border-color: #98B44B;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F9FAF5
100
#F0F3E7
200
#E2EACD
300
#CEDBA9
400
#B3C87A
500
#98B44B
600
#7A903C
700
#617330
800
#4C5A25
900
#39421E
950
#242A13

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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