#989642#989642

#989642 is a light, moderate yellow. Relative luminance 0.289; OKLCH L 65.7% C 0.107 H 107.7°. Best body text is #000000 at 6.78:1 contrast (WCAG AA passes).

Color values

HEX#989642
RGBrgb(152, 150, 66)
HSLhsl(59, 39%, 43%)
HSVhsv(59, 57%, 60%)
CMYKcmyk(0%, 1.3%, 56.6%, 40.4%)
CIE-LABlab(60.68, -10.83, 43.75)
CIE-LCHlch(60.68, 45.07, 103.91°)
OKLaboklab(65.73% -0.0325 0.1016)
OKLCHoklch(65.73% 0.107 107.7)
XYZxyz(24.8393, 28.8821, 9.4196)
Luminance0.2888 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#989642 #424498
analogous
#986B42 #989642 #6F9842
triadic
#989642 #429896 #964298
tetradic
#989642 #42986B #424498 #98426F
square
#989642 #42986B #424498 #98426F
split-complementary
#989642 #426F98 #6B4298
monochromatic
#43421D #6D6C2F #989642 #B9B75E #CCCA89

Accessibility & contrast

On white

3.10
#989642 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.78
#989642 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #989642
6.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##989642#FFFFFF#000000##000000
##9896421.003.106.786.78
#FFFFFF3.101.0021.0021.00
#0000006.7821.001.001.00
##0000006.7821.001.001.00

Color blindness preview

Protanopia (red-blind)
#A19139
Deuteranopia (green-blind)
#A39447
Tritanopia (blue-blind)
#A28D84
Achromatopsia (no color)
#929292

Design tokens & code

CSS
--color: #989642;
/* rgb */ color: rgb(152, 150, 66);
/* oklch */ color: oklch(65.7% 0.107 107.7);
Tailwind
colors: {
  custom: {
    50: '#b8b479',
    500: '#989642',
    950: '#000000',
  },
}
SCSS
$custom: #989642;
$custom-light: #b8b479;
$custom-dark: #000000;
JSON
{
  "hex": "#989642",
  "rgb": {
    "r": 152,
    "g": 150,
    "b": 66
  },
  "hsl": {
    "h": 58.605,
    "s": 39.45,
    "l": 42.745
  },
  "oklch": {
    "l": 0.65726,
    "c": 0.10671,
    "h": 107.7
  },
  "luminance": 0.28881
}

Semantic roles & 50–950 ramp

primary
#989642
secondary
#7F81B7
accent
#5BCF58
background
#FBFBF7
surface
#F6F6EE
border
#D0D0C9
text
#121109
muted
#81807B

Preview Lab

Preview with #989642

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

Preview Lab → · Contrast checker → · Palette generator →

#989642 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva