#4A4A09#4A4A09

#4A4A09 is a dark, moderate yellow. Relative luminance 0.064; OKLCH L 39.7% C 0.081 H 109.6°. Best body text is #FFFFFF at 9.23:1 contrast (WCAG AA passes).

Color values

HEX#4A4A09
RGBrgb(74, 74, 9)
HSLhsl(60, 78%, 16%)
HSVhsv(60, 88%, 29%)
CMYKcmyk(0%, 0%, 87.8%, 71%)
CIE-LABlab(30.34, -8.43, 35.28)
CIE-LCHlch(30.34, 36.27, 103.44°)
OKLaboklab(39.66% -0.0272 0.0765)
OKLCHoklch(39.66% 0.081 109.6)
XYZxyz(5.3223, 6.3733, 1.2082)
Luminance0.0637 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4A4A09 #09094A
analogous
#4A2A09 #4A4A09 #2A4A09
triadic
#4A4A09 #094A4A #4A094A
tetradic
#4A4A09 #094A2A #09094A #4A092A
square
#4A4A09 #094A2A #09094A #4A092A
split-complementary
#4A4A09 #092A4A #2A094A
monochromatic
#1B1B03 #1B1B03 #4A4A09 #818110 #B7B716

Accessibility & contrast

On white

9.23
#4A4A09 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.27
#4A4A09 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4A4A09
9.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4A4A09#FFFFFF#000000##FFFFFF
##4A4A091.009.232.279.23
#FFFFFF9.231.0021.001.00
#0000002.2721.001.0021.00
##FFFFFF9.231.0021.001.00

Color blindness preview

Protanopia (red-blind)
#514600
Deuteranopia (green-blind)
#52480F
Tritanopia (blue-blind)
#50453E
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #4a4a09;
/* rgb */ color: rgb(74, 74, 9);
/* oklch */ color: oklch(39.7% 0.081 109.6);
Tailwind
colors: {
  custom: {
    50: '#7f7c4f',
    500: '#4a4a09',
    950: '#000000',
  },
}
SCSS
$custom: #4a4a09;
$custom-light: #7f7c4f;
$custom-dark: #000000;
JSON
{
  "hex": "#4a4a09",
  "rgb": {
    "r": 74,
    "g": 74,
    "b": 9
  },
  "hsl": {
    "h": 60,
    "s": 78.313,
    "l": 16.275
  },
  "oklch": {
    "l": 0.39655,
    "c": 0.08118,
    "h": 109.6
  },
  "luminance": 0.06373
}

Semantic roles & 50–950 ramp

primary
#4A4A09
secondary
#272787
accent
#33F533
background
#F8F7F4
surface
#EFEEE7
border
#CAC9C3
text
#0A0902
muted
#7C7B78

Preview Lab

Preview with #4A4A09

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

Preview Lab → · Contrast checker → · Palette generator →

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