#997D29#997D29

#997D29 is a mid, moderate yellow. Relative luminance 0.216; OKLCH L 60.1% C 0.106 H 90.0°. Best body text is #000000 at 5.32:1 contrast (WCAG AA passes).

Color values

HEX#997D29
RGBrgb(153, 125, 41)
HSLhsl(45, 58%, 38%)
HSVhsv(45, 73%, 60%)
CMYKcmyk(0%, 18.3%, 73.2%, 40%)
CIE-LABlab(53.60, 1.65, 47.59)
CIE-LCHlch(53.60, 47.62, 88.01°)
OKLaboklab(60.07% 0.0001 0.1059)
OKLCHoklch(60.07% 0.106 90)
XYZxyz(20.8719, 21.6009, 5.1674)
Luminance0.2160 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#997D29 #294599
analogous
#994529 #997D29 #7D9929
triadic
#997D29 #29997D #7D2999
tetradic
#997D29 #299945 #294599 #99297D
square
#997D29 #299945 #294599 #99297D
split-complementary
#997D29 #297D99 #452999
monochromatic
#382E0F #69561C #997D29 #C9A436 #D6BA66

Accessibility & contrast

On white

3.95
#997D29 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.32
#997D29 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #997D29
5.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##997D29#FFFFFF#000000##000000
##997D291.003.955.325.32
#FFFFFF3.951.0021.0021.00
#0000005.3221.001.001.00
##0000005.3221.001.001.00

Color blindness preview

Protanopia (red-blind)
#8B7C1D
Deuteranopia (green-blind)
#92832D
Tritanopia (blue-blind)
#A6726C
Achromatopsia (no color)
#808080

Design tokens & code

CSS
--color: #997d29;
/* rgb */ color: rgb(153, 125, 41);
/* oklch */ color: oklch(60.1% 0.106 90.0);
Tailwind
colors: {
  custom: {
    50: '#bba268',
    500: '#997d29',
    950: '#000000',
  },
}
SCSS
$custom: #997d29;
$custom-light: #bba268;
$custom-dark: #000000;
JSON
{
  "hex": "#997d29",
  "rgb": {
    "r": 153,
    "g": 125,
    "b": 41
  },
  "hsl": {
    "h": 45,
    "s": 57.732,
    "l": 38.039
  },
  "oklch": {
    "l": 0.60067,
    "c": 0.10585,
    "h": 90
  },
  "luminance": 0.216
}

Semantic roles & 50–950 ramp

primary
#997D29
secondary
#6278BC
accent
#6DE147
background
#FBF9F6
surface
#F7F2EB
border
#D0CCC6
text
#120F06
muted
#817E7A

Preview Lab

Preview with #997D29

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

Preview Lab → · Contrast checker → · Palette generator →

#997D29 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva