#4A4509#4A4509

#4A4509 is a dark, moderate yellow. Relative luminance 0.057; OKLCH L 38.4% C 0.076 H 104.4°. Best body text is #FFFFFF at 9.78:1 contrast (WCAG AA passes).

Color values

HEX#4A4509
RGBrgb(74, 69, 9)
HSLhsl(55, 78%, 16%)
HSVhsv(55, 88%, 29%)
CMYKcmyk(0%, 6.8%, 87.8%, 71%)
CIE-LABlab(28.73, -5.42, 33.86)
CIE-LCHlch(28.73, 34.29, 99.09°)
OKLaboklab(38.37% -0.0188 0.0734)
OKLCHoklch(38.37% 0.076 104.4)
XYZxyz(5.0017, 5.7320, 1.1013)
Luminance0.0573 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4A4509 #090E4A
analogous
#4A2509 #4A4509 #2F4A09
triadic
#4A4509 #094A45 #45094A
tetradic
#4A4509 #094A25 #090E4A #4A092F
square
#4A4509 #094A25 #090E4A #4A092F
split-complementary
#4A4509 #092F4A #25094A
monochromatic
#1B1903 #1B1903 #4A4509 #817810 #B7AB16

Accessibility & contrast

On white

9.78
#4A4509 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.15
#4A4509 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4A4509
9.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4A4509#FFFFFF#000000##FFFFFF
##4A45091.009.782.159.78
#FFFFFF9.781.0021.001.00
#0000002.1521.001.0021.00
##FFFFFF9.781.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4C4200
Deuteranopia (green-blind)
#4E450E
Tritanopia (blue-blind)
#503F3A
Achromatopsia (no color)
#444444

Design tokens & code

CSS
--color: #4a4509;
/* rgb */ color: rgb(74, 69, 9);
/* oklch */ color: oklch(38.4% 0.076 104.4);
Tailwind
colors: {
  custom: {
    50: '#7f784f',
    500: '#4a4509',
    950: '#000000',
  },
}
SCSS
$custom: #4a4509;
$custom-light: #7f784f;
$custom-dark: #000000;
JSON
{
  "hex": "#4a4509",
  "rgb": {
    "r": 74,
    "g": 69,
    "b": 9
  },
  "hsl": {
    "h": 55.385,
    "s": 78.313,
    "l": 16.275
  },
  "oklch": {
    "l": 0.38372,
    "c": 0.0758,
    "h": 104.4
  },
  "luminance": 0.05732
}

Semantic roles & 50–950 ramp

primary
#4A4509
secondary
#272F87
accent
#42F533
background
#F8F7F4
surface
#EFEDE7
border
#CAC8C3
text
#0A0802
muted
#7C7B78

Preview Lab

Preview with #4A4509

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

Preview Lab → · Contrast checker → · Palette generator →

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