#899249#899249

#899249 is a light, moderate yellow. Relative luminance 0.264; OKLCH L 63.6% C 0.098 H 115.0°. Best body text is #000000 at 6.27:1 contrast (WCAG AA passes).

Color values

HEX#899249
RGBrgb(137, 146, 73)
HSLhsl(67, 33%, 43%)
HSVhsv(67, 50%, 57%)
CMYKcmyk(6.2%, 0%, 50%, 42.7%)
CIE-LABlab(58.37, -14.53, 37.28)
CIE-LCHlch(58.37, 40.01, 111.29°)
OKLaboklab(63.61% -0.0413 0.0886)
OKLCHoklch(63.61% 0.098 115)
XYZxyz(21.7983, 26.3575, 10.2412)
Luminance0.2636 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#899249 #524992
analogous
#927649 #899249 #649249
triadic
#899249 #498992 #924989
tetradic
#899249 #499276 #524992 #924964
square
#899249 #499276 #524992 #924964
split-complementary
#899249 #496492 #764992
monochromatic
#3C4020 #636935 #899249 #A9B266 #C0C78F

Accessibility & contrast

On white

3.35
#899249 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.27
#899249 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #899249
6.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##899249#FFFFFF#000000##000000
##8992491.003.356.276.27
#FFFFFF3.351.0021.0021.00
#0000006.2721.001.001.00
##0000006.2721.001.001.00

Color blindness preview

Protanopia (red-blind)
#9B8C42
Deuteranopia (green-blind)
#9A8D4D
Tritanopia (blue-blind)
#908B81
Achromatopsia (no color)
#8C8C8C

Design tokens & code

CSS
--color: #899249;
/* rgb */ color: rgb(137, 146, 73);
/* oklch */ color: oklch(63.6% 0.098 115.0);
Tailwind
colors: {
  custom: {
    50: '#adb17e',
    500: '#899249',
    950: '#000000',
  },
}
SCSS
$custom: #899249;
$custom-light: #adb17e;
$custom-dark: #000000;
JSON
{
  "hex": "#899249",
  "rgb": {
    "r": 137,
    "g": 146,
    "b": 73
  },
  "hsl": {
    "h": 67.397,
    "s": 33.333,
    "l": 42.941
  },
  "oklch": {
    "l": 0.63611,
    "c": 0.09776,
    "h": 115
  },
  "luminance": 0.26357
}

Semantic roles & 50–950 ramp

primary
#899249
secondary
#8A84B3
accent
#5EC96C
background
#FAFAF7
surface
#F4F5EE
border
#CECFC9
text
#10100A
muted
#7F7F7C

Preview Lab

Preview with #899249

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

Preview Lab → · Contrast checker → · Palette generator →

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