#98A155

#98A155

Color Values

HEX

#98A155

RGB

152, 161, 85

HSL

67.1, 30.9%, 48.2%

HSV

67.1, 47.2%, 63.1%

CMYK

5.6%, 0.0%, 47.2%, 36.9%

OKLCH

0.6846 0.1007 114.7

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#98A155

#5E55A1

Analogous

#A18455

#72A155

#98A155

Triadic

#98A155

#5598A1

#A15598

Split Complementary

#98A155

#5572A1

#8455A1

Tetradic

#98A155

#55A184

#5E55A1

#A15572

Color Blindness Simulation

Original

#98A155

Protanopia

#9C9C67

Deuteranopia

#9B9B6C

Tritanopia

#987679

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E8
200
#E4E6D0
300
#D0D5AF
400
#B7BE83
500
#9EA758
600
#7E8646
700
#656B38
800
#4F532C
900
#3B3E23
950
#252716

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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