#A89959#A89959

#A89959 is a light, moderate yellow. Relative luminance 0.318; OKLCH L 68.2% C 0.086 H 96.5°. Best body text is #000000 at 7.37:1 contrast (WCAG AA passes).

Color values

HEX#A89959
RGBrgb(168, 153, 89)
HSLhsl(49, 31%, 50%)
HSVhsv(49, 47%, 66%)
CMYKcmyk(0%, 8.9%, 47%, 34.1%)
CIE-LABlab(63.20, -3.46, 35.50)
CIE-LCHlch(63.20, 35.66, 95.56°)
OKLaboklab(68.16% -0.0098 0.0855)
OKLCHoklch(68.16% 0.086 96.5)
XYZxyz(29.3437, 31.8296, 14.0473)
Luminance0.3183 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A89959 #5968A8
analogous
#A87259 #A89959 #8FA859
triadic
#A89959 #59A899 #9959A8
tetradic
#A89959 #59A872 #5968A8 #A8598F
square
#A89959 #59A872 #5968A8 #A8598F
split-complementary
#A89959 #598FA8 #7259A8
monochromatic
#58502E #807543 #A89959 #BDB281 #D2CAA9

Accessibility & contrast

On white

2.85
#A89959 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.37
#A89959 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A89959
7.37:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A89959#FFFFFF#000000##000000
##A899591.002.857.377.37
#FFFFFF2.851.0021.0021.00
#0000007.3721.001.001.00
##0000007.3721.001.001.00

Color blindness preview

Protanopia (red-blind)
#A59654
Deuteranopia (green-blind)
#A99B5C
Tritanopia (blue-blind)
#B3908A
Achromatopsia (no color)
#999999

Design tokens & code

CSS
--color: #a89959;
/* rgb */ color: rgb(168, 153, 89);
/* oklch */ color: oklch(68.2% 0.086 96.5);
Tailwind
colors: {
  custom: {
    50: '#c3b689',
    500: '#a89959',
    950: '#000000',
  },
}
SCSS
$custom: #a89959;
$custom-light: #c3b689;
$custom-dark: #000000;
JSON
{
  "hex": "#a89959",
  "rgb": {
    "r": 168,
    "g": 153,
    "b": 89
  },
  "hsl": {
    "h": 48.608,
    "s": 31.225,
    "l": 50.392
  },
  "oklch": {
    "l": 0.68161,
    "c": 0.08603,
    "h": 96.5
  },
  "luminance": 0.31829
}

Semantic roles & 50–950 ramp

primary
#A89959
secondary
#9DA3C0
accent
#74C760
background
#FCFBF8
surface
#F8F6F0
border
#D1D0CB
text
#13110B
muted
#82807C

Preview Lab

Preview with #A89959

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

Preview Lab → · Contrast checker → · Palette generator →

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