#99937A#99937A

#99937A is a light, muted yellow. Relative luminance 0.290; OKLCH L 66.2% C 0.036 H 96.0°. Best body text is #000000 at 6.81:1 contrast (WCAG AA passes).

Color values

HEX#99937A
RGBrgb(153, 147, 122)
HSLhsl(48, 13%, 54%)
HSVhsv(48, 20%, 60%)
CMYKcmyk(0%, 3.9%, 20.3%, 40%)
CIE-LABlab(60.82, -2.11, 14.05)
CIE-LCHlch(60.82, 14.21, 98.52°)
OKLaboklab(66.15% -0.0038 0.0361)
OKLCHoklch(66.15% 0.036 96)
XYZxyz(27.0833, 29.0453, 22.5882)
Luminance0.2904 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#99937A #7A8099
analogous
#99847A #99937A #90997A
triadic
#99937A #7A9993 #937A99
tetradic
#99937A #7A9984 #7A8099 #997A90
square
#99937A #7A9984 #7A8099 #997A90
split-complementary
#99937A #7A9099 #847A99
monochromatic
#565242 #79745D #99937A #B4AF9D #CECBBF

Accessibility & contrast

On white

3.08
#99937A on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.81
#99937A on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #99937A
6.81:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##99937A#FFFFFF#000000##000000
##99937A1.003.086.816.81
#FFFFFF3.081.0021.0021.00
#0000006.8121.001.001.00
##0000006.8121.001.001.00

Color blindness preview

Protanopia (red-blind)
#989178
Deuteranopia (green-blind)
#9A947B
Tritanopia (blue-blind)
#9E8F8C
Achromatopsia (no color)
#939393

Design tokens & code

CSS
--color: #99937a;
/* rgb */ color: rgb(153, 147, 122);
/* oklch */ color: oklch(66.2% 0.036 96.0);
Tailwind
colors: {
  custom: {
    50: '#b7b2a0',
    500: '#99937a',
    950: '#000000',
  },
}
SCSS
$custom: #99937a;
$custom-light: #b7b2a0;
$custom-dark: #000000;
JSON
{
  "hex": "#99937a",
  "rgb": {
    "r": 153,
    "g": 147,
    "b": 122
  },
  "hsl": {
    "h": 48.387,
    "s": 13.191,
    "l": 53.922
  },
  "oklch": {
    "l": 0.66153,
    "c": 0.03627,
    "h": 96
  },
  "luminance": 0.29045
}

Semantic roles & 50–950 ramp

primary
#99937A
secondary
#B1B3BE
accent
#7FB672
background
#FBFAF9
surface
#F6F5F2
border
#D0CFCC
text
#11110E
muted
#80807E

Preview Lab

Preview with #99937A

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

Preview Lab → · Contrast checker → · Palette generator →

#99937A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva