#87922C#87922C

#87922C is a light, vivid yellow. Relative luminance 0.259; OKLCH L 63.1% C 0.124 H 115.4°. Best body text is #000000 at 6.18:1 contrast (WCAG AA passes).

Color values

HEX#87922C
RGBrgb(135, 146, 44)
HSLhsl(66, 54%, 37%)
HSVhsv(66, 70%, 57%)
CMYKcmyk(7.5%, 0%, 69.9%, 42.7%)
CIE-LABlab(57.93, -17.73, 50.16)
CIE-LCHlch(57.93, 53.21, 109.46°)
OKLaboklab(63.13% -0.0533 0.1124)
OKLCHoklch(63.13% 0.124 115.4)
XYZxyz(20.7257, 25.8908, 6.2880)
Luminance0.2589 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#87922C #372C92
analogous
#926A2C #87922C #54922C
triadic
#87922C #2C8792 #922C87
tetradic
#87922C #2C926A #372C92 #922C54
square
#87922C #2C926A #372C92 #922C54
split-complementary
#87922C #2C5492 #6A2C92
monochromatic
#303410 #5C631E #87922C #B2C13A #C6D167

Accessibility & contrast

On white

3.40
#87922C on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.18
#87922C on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #87922C
6.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##87922C#FFFFFF#000000##000000
##87922C1.003.406.186.18
#FFFFFF3.401.0021.0021.00
#0000006.1821.001.001.00
##0000006.1821.001.001.00

Color blindness preview

Protanopia (red-blind)
#9C8B1C
Deuteranopia (green-blind)
#9C8C34
Tritanopia (blue-blind)
#908A7E
Achromatopsia (no color)
#8B8B8B

Design tokens & code

CSS
--color: #87922c;
/* rgb */ color: rgb(135, 146, 44);
/* oklch */ color: oklch(63.1% 0.124 115.4);
Tailwind
colors: {
  custom: {
    50: '#adb16c',
    500: '#87922c',
    950: '#000000',
  },
}
SCSS
$custom: #87922c;
$custom-light: #adb16c;
$custom-dark: #000000;
JSON
{
  "hex": "#87922c",
  "rgb": {
    "r": 135,
    "g": 146,
    "b": 44
  },
  "hsl": {
    "h": 66.471,
    "s": 53.684,
    "l": 37.255
  },
  "oklch": {
    "l": 0.63127,
    "c": 0.12443,
    "h": 115.4
  },
  "luminance": 0.25891
}

Semantic roles & 50–950 ramp

primary
#87922C
secondary
#6B62B8
accent
#4BDD5B
background
#FAFAF6
surface
#F5F5EC
border
#CFCFC7
text
#111007
muted
#807F7A

Preview Lab

Preview with #87922C

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

Preview Lab → · Contrast checker → · Palette generator →

#87922C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva