#8D9754#8D9754

#8D9754 is a light, moderate yellow. Relative luminance 0.284; OKLCH L 65.3% C 0.091 H 116.0°. Best body text is #000000 at 6.69:1 contrast (WCAG AA passes).

Color values

HEX	#8D9754
RGB	rgb(141, 151, 84)
HSL	hsl(69, 29%, 46%)
HSV	hsv(69, 44%, 59%)
CMYK	cmyk(6.6%, 0%, 44.4%, 40.8%)
CIE-LAB	lab(60.28, -14.30, 33.98)
CIE-LCH	lch(60.28, 36.87, 112.83°)
OKLab	oklab(65.26% -0.0399 0.0821)
OKLCH	oklch(65.26% 0.091 116)
XYZ	xyz(23.6516, 28.4363, 12.6286)
Luminance	0.2844 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#8D9754 #5E5497

analogous

#977F54 #8D9754 #6B9754

triadic

#8D9754 #548D97 #97548D

tetradic

#8D9754 #54977F #5E5497 #97546B

square

#8D9754 #54977F #5E5497 #97546B

split-complementary

#8D9754 #546B97 #7F5497

monochromatic

#444828 #68703E #8D9754 #A9B376 #C2C89D

Accessibility & contrast

On white

3.14

#8D9754 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.69

#8D9754 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #8D9754

6.69:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##8D9754	#FFFFFF	#000000	##000000
##8D9754	1.00	3.14	6.69	6.69
#FFFFFF	3.14	1.00	21.00	21.00
#000000	6.69	21.00	1.00	1.00
##000000	6.69	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#9F914F

Deuteranopia (green-blind)

#9E9257

Tritanopia (blue-blind)

#949087

Achromatopsia (no color)

#919191

Design tokens & code

CSS

--color: #8d9754;
/* rgb */ color: rgb(141, 151, 84);
/* oklch */ color: oklch(65.3% 0.091 116.0);

Tailwind

colors: {
  custom: {
    50: '#afb585',
    500: '#8d9754',
    950: '#000000',
  },
}

SCSS

$custom: #8d9754;
$custom-light: #afb585;
$custom-dark: #000000;

JSON

{
  "hex": "#8d9754",
  "rgb": {
    "r": 141,
    "g": 151,
    "b": 84
  },
  "hsl": {
    "h": 68.955,
    "s": 28.511,
    "l": 46.078
  },
  "oklch": {
    "l": 0.65259,
    "c": 0.09125,
    "h": 116
  },
  "luminance": 0.28436
}

Semantic roles & 50–950 ramp

primary

#8D9754

secondary

#9791B6

accent

#63C572

background

#FAFBF8

surface

#F5F6EF

border

#CFD0CA

text

#10110B

muted

#7F807C

Preview Lab

Preview with #8D9754

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

Preview Lab → · Contrast checker → · Palette generator →