#4E4C2E#4E4C2E

#4E4C2E is a dark, muted yellow. Relative luminance 0.070; OKLCH L 41.0% C 0.046 H 105.0°. Best body text is #FFFFFF at 8.76:1 contrast (WCAG AA passes).

Color values

HEX#4E4C2E
RGBrgb(78, 76, 46)
HSLhsl(56, 26%, 24%)
HSVhsv(56, 41%, 31%)
CMYKcmyk(0%, 2.6%, 41%, 69.4%)
CIE-LABlab(31.77, -4.44, 18.15)
CIE-LCHlch(31.77, 18.68, 103.75°)
OKLaboklab(41.03% -0.0119 0.0446)
OKLCHoklch(41.03% 0.046 105)
XYZxyz(6.2196, 6.9860, 3.6050)
Luminance0.0699 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4E4C2E #2E304E
analogous
#4E3C2E #4E4C2E #404E2E
triadic
#4E4C2E #2E4E4C #4C2E4E
tetradic
#4E4C2E #2E4E3C #2E304E #4E2E40
square
#4E4C2E #2E4E3C #2E304E #4E2E40
split-complementary
#4E4C2E #2E404E #3C2E4E
monochromatic
#13130B #282617 #4E4C2E #747245 #9B975B

Accessibility & contrast

On white

8.76
#4E4C2E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.40
#4E4C2E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4E4C2E
8.76:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4E4C2E#FFFFFF#000000##FFFFFF
##4E4C2E1.008.762.408.76
#FFFFFF8.761.0021.001.00
#0000002.4021.001.0021.00
##FFFFFF8.761.0021.001.00

Color blindness preview

Protanopia (red-blind)
#514A2C
Deuteranopia (green-blind)
#524B2F
Tritanopia (blue-blind)
#524844
Achromatopsia (no color)
#4B4B4B

Design tokens & code

CSS
--color: #4e4c2e;
/* rgb */ color: rgb(78, 76, 46);
/* oklch */ color: oklch(41.0% 0.046 105.0);
Tailwind
colors: {
  custom: {
    50: '#807d67',
    500: '#4e4c2e',
    950: '#000000',
  },
}
SCSS
$custom: #4e4c2e;
$custom-light: #807d67;
$custom-dark: #000000;
JSON
{
  "hex": "#4e4c2e",
  "rgb": {
    "r": 78,
    "g": 76,
    "b": 46
  },
  "hsl": {
    "h": 56.25,
    "s": 25.806,
    "l": 24.314
  },
  "oklch": {
    "l": 0.4103,
    "c": 0.04611,
    "h": 105
  },
  "luminance": 0.06986
}

Semantic roles & 50–950 ramp

primary
#4E4C2E
secondary
#585B7F
accent
#6BC266
background
#F7F7F6
surface
#EEEEEB
border
#C9C9C6
text
#0A0906
muted
#7C7B7A

Preview Lab

Preview with #4E4C2E

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

Preview Lab → · Contrast checker → · Palette generator →

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