#98A754#98A754

#98A754 is a light, moderate yellow-green. Relative luminance 0.350; OKLCH L 69.8% C 0.110 H 117.8°. Best body text is #000000 at 7.99:1 contrast (WCAG AA passes).

Color values

HEX#98A754
RGBrgb(152, 167, 84)
HSLhsl(71, 33%, 49%)
HSVhsv(71, 50%, 65%)
CMYKcmyk(9%, 0%, 49.7%, 34.5%)
CIE-LABlab(65.71, -18.06, 40.82)
CIE-LCHlch(65.71, 44.63, 113.87°)
OKLaboklab(69.81% -0.0512 0.0971)
OKLCHoklch(69.81% 0.11 117.8)
XYZxyz(28.3681, 34.9531, 13.6380)
Luminance0.3495 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#98A754 #6354A7
analogous
#A78D54 #98A754 #6FA754
triadic
#98A754 #5498A7 #A75498
tetradic
#98A754 #54A78D #6354A7 #A7546F
square
#98A754 #54A78D #6354A7 #A7546F
split-complementary
#98A754 #546FA7 #8D54A7
monochromatic
#4E562B #737E40 #98A754 #B1BD7B #C9D1A4

Accessibility & contrast

On white

2.63
#98A754 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.99
#98A754 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #98A754
7.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##98A754#FFFFFF#000000##000000
##98A7541.002.637.997.99
#FFFFFF2.631.0021.0021.00
#0000007.9921.001.001.00
##0000007.9921.001.001.00

Color blindness preview

Protanopia (red-blind)
#B09F4D
Deuteranopia (green-blind)
#AFA059
Tritanopia (blue-blind)
#9F9F94
Achromatopsia (no color)
#A0A0A0

Design tokens & code

CSS
--color: #98a754;
/* rgb */ color: rgb(152, 167, 84);
/* oklch */ color: oklch(69.8% 0.110 117.8);
Tailwind
colors: {
  custom: {
    50: '#b8c186',
    500: '#98a754',
    950: '#000000',
  },
}
SCSS
$custom: #98a754;
$custom-light: #b8c186;
$custom-dark: #000000;
JSON
{
  "hex": "#98a754",
  "rgb": {
    "r": 152,
    "g": 167,
    "b": 84
  },
  "hsl": {
    "h": 70.843,
    "s": 33.068,
    "l": 49.216
  },
  "oklch": {
    "l": 0.69813,
    "c": 0.10973,
    "h": 117.8
  },
  "luminance": 0.34953
}

Semantic roles & 50–950 ramp

primary
#98A754
secondary
#9F98BF
accent
#5FC972
background
#FBFBF8
surface
#F6F7EF
border
#D0D0CA
text
#11120B
muted
#80817C

Preview Lab

Preview with #98A754

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#98A754 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva