#4B4B14#4B4B14

#4B4B14 is a dark, moderate yellow. Relative luminance 0.066; OKLCH L 40.1% C 0.075 H 109.3°. Best body text is #FFFFFF at 9.07:1 contrast (WCAG AA passes).

Color values

HEX#4B4B14
RGBrgb(75, 75, 20)
HSLhsl(60, 58%, 19%)
HSVhsv(60, 73%, 29%)
CMYKcmyk(0%, 0%, 73.3%, 70.6%)
CIE-LABlab(30.83, -7.93, 31.35)
CIE-LCHlch(30.83, 32.34, 104.20°)
OKLaboklab(40.1% -0.0247 0.0704)
OKLCHoklch(40.1% 0.075 109.3)
XYZxyz(5.5442, 6.5787, 1.6394)
Luminance0.0658 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4B4B14 #14144B
analogous
#4B2F14 #4B4B14 #2F4B14
triadic
#4B4B14 #144B4B #4B144B
tetradic
#4B4B14 #144B2F #14144B #4B142F
square
#4B4B14 #144B2F #14144B #4B142F
split-complementary
#4B4B14 #142F4B #2F144B
monochromatic
#181806 #1B1B07 #4B4B14 #7B7B21 #ACAC2E

Accessibility & contrast

On white

9.07
#4B4B14 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.32
#4B4B14 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4B4B14
9.07:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4B4B14#FFFFFF#000000##FFFFFF
##4B4B141.009.072.329.07
#FFFFFF9.071.0021.001.00
#0000002.3221.001.0021.00
##FFFFFF9.071.0021.001.00

Color blindness preview

Protanopia (red-blind)
#52480C
Deuteranopia (green-blind)
#524918
Tritanopia (blue-blind)
#514640
Achromatopsia (no color)
#494949

Design tokens & code

CSS
--color: #4b4b14;
/* rgb */ color: rgb(75, 75, 20);
/* oklch */ color: oklch(40.1% 0.075 109.3);
Tailwind
colors: {
  custom: {
    50: '#7f7d55',
    500: '#4b4b14',
    950: '#000000',
  },
}
SCSS
$custom: #4b4b14;
$custom-light: #7f7d55;
$custom-dark: #000000;
JSON
{
  "hex": "#4b4b14",
  "rgb": {
    "r": 75,
    "g": 75,
    "b": 20
  },
  "hsl": {
    "h": 60,
    "s": 57.895,
    "l": 18.627
  },
  "oklch": {
    "l": 0.40096,
    "c": 0.07462,
    "h": 109.3
  },
  "luminance": 0.06579
}

Semantic roles & 50–950 ramp

primary
#4B4B14
secondary
#383883
accent
#47E147
background
#F7F7F5
surface
#EEEEE9
border
#C9C9C5
text
#0A0903
muted
#7C7B78

Preview Lab

Preview with #4B4B14

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

Preview Lab → · Contrast checker → · Palette generator →

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