#98A138

#98A138

Color Values

HEX

#98A138

RGB

152, 161, 56

HSL

65.1, 48.4%, 42.5%

HSV

65.1, 65.2%, 63.1%

CMYK

5.6%, 0.0%, 65.2%, 36.9%

OKLCH

0.6812 0.1279 114.0

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#98A138

#4138A1

Analogous

#A17538

#63A138

#98A138

Triadic

#98A138

#3898A1

#A13898

Split Complementary

#98A138

#3863A1

#7538A1

Tetradic

#98A138

#38A175

#4138A1

#A13863

Color Blindness Simulation

Original

#98A138

Protanopia

#9C9C51

Deuteranopia

#9B9B58

Tritanopia

#98656A

Achromatopsia

#989898

CSS Usage

background-color: #98A138;
color: #98A138;
border-color: #98A138;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAEDCA
300
#DADFA4
400
#C7CE73
500
#B3BD42
600
#8F9735
700
#72792A
800
#595F21
900
#42461B
950
#2A2C11

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.49:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026