#4F540E#4F540E

#4F540E is a dark, moderate yellow. Relative luminance 0.080; OKLCH L 42.8% C 0.089 H 113.8°. Best body text is #FFFFFF at 8.06:1 contrast (WCAG AA passes).

Color values

HEX#4F540E
RGBrgb(79, 84, 14)
HSLhsl(64, 71%, 19%)
HSVhsv(64, 83%, 33%)
CMYKcmyk(6%, 0%, 83.3%, 67.1%)
CIE-LABlab(34.06, -11.56, 37.06)
CIE-LCHlch(34.06, 38.82, 107.32°)
OKLaboklab(42.76% -0.0357 0.0811)
OKLCHoklch(42.76% 0.089 113.8)
XYZxyz(6.4742, 8.0348, 1.6252)
Luminance0.0804 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4F540E #130E54
analogous
#54360E #4F540E #2C540E
triadic
#4F540E #0E4F54 #540E4F
tetradic
#4F540E #0E5436 #130E54 #540E2C
square
#4F540E #0E5436 #130E54 #540E2C
split-complementary
#4F540E #0E2C54 #360E54
monochromatic
#191A04 #1E2005 #4F540E #808817 #B2BD1F

Accessibility & contrast

On white

8.06
#4F540E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.61
#4F540E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4F540E
8.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4F540E#FFFFFF#000000##FFFFFF
##4F540E1.008.062.618.06
#FFFFFF8.061.0021.001.00
#0000002.6121.001.0021.00
##FFFFFF8.061.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5B4F00
Deuteranopia (green-blind)
#5B5114
Tritanopia (blue-blind)
#554E47
Achromatopsia (no color)
#505050

Design tokens & code

CSS
--color: #4f540e;
/* rgb */ color: rgb(79, 84, 14);
/* oklch */ color: oklch(42.8% 0.089 113.8);
Tailwind
colors: {
  custom: {
    50: '#838453',
    500: '#4f540e',
    950: '#000000',
  },
}
SCSS
$custom: #4f540e;
$custom-light: #838453;
$custom-dark: #000000;
JSON
{
  "hex": "#4f540e",
  "rgb": {
    "r": 79,
    "g": 84,
    "b": 14
  },
  "hsl": {
    "h": 64.286,
    "s": 71.429,
    "l": 19.216
  },
  "oklch": {
    "l": 0.42755,
    "c": 0.08863,
    "h": 113.8
  },
  "luminance": 0.08035
}

Semantic roles & 50–950 ramp

primary
#4F540E
secondary
#362F8E
accent
#3AEE47
background
#F8F8F5
surface
#EFEFE8
border
#CACAC4
text
#0B0A03
muted
#7C7C78

Preview Lab

Preview with #4F540E

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

Preview Lab → · Contrast checker → · Palette generator →

#4F540E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva