#544920#544920

#544920 is a dark, moderate yellow. Relative luminance 0.068; OKLCH L 40.7% C 0.061 H 94.5°. Best body text is #FFFFFF at 8.93:1 contrast (WCAG AA passes).

Color values

HEX	#544920
RGB	rgb(84, 73, 32)
HSL	hsl(47, 45%, 23%)
HSV	hsv(47, 62%, 33%)
CMYK	cmyk(0%, 13.1%, 61.9%, 67.1%)
CIE-LAB	lab(31.24, -1.28, 25.86)
CIE-LCH	lch(31.24, 25.89, 92.83°)
OKLab	oklab(40.68% -0.0048 0.0604)
OKLCH	oklch(40.68% 0.061 94.5)
XYZ	xyz(6.2997, 6.7545, 2.3381)
Luminance	0.0675 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#544920 #202B54

analogous

#542F20 #544920 #455420

triadic

#544920 #205449 #492054

tetradic

#544920 #20542F #202B54 #542045

square

#544920 #20542F #202B54 #542045

split-complementary

#544920 #204554 #2F2054

monochromatic

#161308 #28220F #544920 #807031 #AD9642

Accessibility & contrast

On white

8.93

#544920 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.35

#544920 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #544920

8.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##544920	#FFFFFF	#000000	##FFFFFF
##544920	1.00	8.93	2.35	8.93
#FFFFFF	8.93	1.00	21.00	1.00
#000000	2.35	21.00	1.00	21.00
##FFFFFF	8.93	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#50481C

Deuteranopia (green-blind)

#534B22

Tritanopia (blue-blind)

#5B4440

Achromatopsia (no color)

#494949

Design tokens & code

CSS

--color: #544920;
/* rgb */ color: rgb(84, 73, 32);
/* oklch */ color: oklch(40.7% 0.061 94.5);

Tailwind

colors: {
  custom: {
    50: '#867b5d',
    500: '#544920',
    950: '#000000',
  },
}

SCSS

$custom: #544920;
$custom-light: #867b5d;
$custom-dark: #000000;

JSON

{
  "hex": "#544920",
  "rgb": {
    "r": 84,
    "g": 73,
    "b": 32
  },
  "hsl": {
    "h": 47.308,
    "s": 44.828,
    "l": 22.745
  },
  "oklch": {
    "l": 0.40684,
    "c": 0.06059,
    "h": 94.5
  },
  "luminance": 0.06754
}

Semantic roles & 50–950 ramp

primary

#544920

secondary

#475589

accent

#6FD553

background

#F8F7F5

surface

#EFEDE9

border

#CAC8C5

text

#0B0904

muted

#7C7B79

Preview Lab

Preview with #544920

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

Preview Lab → · Contrast checker → · Palette generator →