#847C1C#847C1C

#847C1C is a mid, moderate yellow. Relative luminance 0.194; OKLCH L 57.6% C 0.112 H 104.4°. Best body text is #000000 at 4.88:1 contrast (WCAG AA passes).

Color values

HEX	#847C1C
RGB	rgb(132, 124, 28)
HSL	hsl(55, 65%, 31%)
HSV	hsv(55, 79%, 52%)
CMYK	cmyk(0%, 6.1%, 78.8%, 48.2%)
CIE-LAB	lab(51.16, -8.13, 49.57)
CIE-LCH	lch(51.16, 50.23, 99.31°)
OKLab	oklab(57.62% -0.0279 0.1083)
OKLCH	oklch(57.62% 0.112 104.4)
XYZ	xyz(16.9337, 19.4054, 3.9520)
Luminance	0.1941 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#847C1C #1C2484

analogous

#84481C #847C1C #58841C

triadic

#847C1C #1C847C #7C1C84

tetradic

#847C1C #1C8448 #1C2484 #841C58

square

#847C1C #1C8448 #1C2484 #841C58

split-complementary

#847C1C #1C5884 #481C84

monochromatic

#1F1D07 #524D11 #847C1C #B6AB27 #D7CC43

Accessibility & contrast

On white

4.30

#847C1C on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.88

#847C1C on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #847C1C

4.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##847C1C	#FFFFFF	#000000	##000000
##847C1C	1.00	4.30	4.88	4.88
#FFFFFF	4.30	1.00	21.00	21.00
#000000	4.88	21.00	1.00	1.00
##000000	4.88	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#887705

Deuteranopia (green-blind)

#8A7C23

Tritanopia (blue-blind)

#8E736A

Achromatopsia (no color)

#7A7A7A

Design tokens & code

CSS

--color: #847c1c;
/* rgb */ color: rgb(132, 124, 28);
/* oklch */ color: oklch(57.6% 0.112 104.4);

Tailwind

colors: {
  custom: {
    50: '#aba161',
    500: '#847c1c',
    950: '#000000',
  },
}

SCSS

$custom: #847c1c;
$custom-light: #aba161;
$custom-dark: #000000;

JSON

{
  "hex": "#847c1c",
  "rgb": {
    "r": 132,
    "g": 124,
    "b": 28
  },
  "hsl": {
    "h": 55.385,
    "s": 65,
    "l": 31.373
  },
  "oklch": {
    "l": 0.57617,
    "c": 0.11185,
    "h": 104.4
  },
  "luminance": 0.19405
}

Semantic roles & 50–950 ramp

primary

#847C1C

secondary

#454DB7

accent

#4DE840

background

#FAF9F6

surface

#F5F2EB

border

#CFCCC6

text

#110E05

muted

#807E7A

Preview Lab

Preview with #847C1C

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

Preview Lab → · Contrast checker → · Palette generator →