#98B418

#98B418

Color Values

HEX

#98B418

RGB

152, 180, 24

HSL

70.8, 76.5%, 40.0%

HSV

70.8, 86.7%, 70.6%

CMYK

15.6%, 0.0%, 86.7%, 29.4%

OKLCH

0.7234 0.1669 120.5

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#98B418

#3418B4

Analogous

#B48218

#4AB418

#98B418

Triadic

#98B418

#1898B4

#B41898

Split Complementary

#98B418

#184AB4

#8218B4

Tetradic

#98B418

#18B482

#3418B4

#B4184A

Color Blindness Simulation

Original

#98B418

Protanopia

#A4A43E

Deuteranopia

#A2A047

Tritanopia

#995C62

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F5F9E2
200
#EDF7C0
300
#E0F193
400
#CFE958
500
#BEE11E
600
#98B418
700
#7A9013
800
#5F710F
900
#46520F
950
#2C340A

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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