#483D18#483D18

#483D18 is a dark, muted yellow. Relative luminance 0.048; OKLCH L 36.3% C 0.056 H 92.9°. Best body text is #FFFFFF at 10.74:1 contrast (WCAG AA passes).

Color values

HEX#483D18
RGBrgb(72, 61, 24)
HSLhsl(46, 50%, 19%)
HSVhsv(46, 67%, 28%)
CMYKcmyk(0%, 15.3%, 66.7%, 71.8%)
CIE-LABlab(26.10, -0.51, 24.12)
CIE-LCHlch(26.10, 24.13, 91.21°)
OKLaboklab(36.28% -0.0028 0.0559)
OKLCHoklch(36.28% 0.056 92.9)
XYZxyz(4.5063, 4.7814, 1.5495)
Luminance0.0478 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#483D18 #182348
analogous
#482518 #483D18 #3B4818
triadic
#483D18 #18483D #3D1848
tetradic
#483D18 #184825 #182348 #48183B
square
#483D18 #184825 #182348 #48183B
split-complementary
#483D18 #183B48 #251848
monochromatic
#171308 #1A1609 #483D18 #766427 #A48B37

Accessibility & contrast

On white

10.74
#483D18 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.96
#483D18 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #483D18
10.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##483D18#FFFFFF#000000##FFFFFF
##483D181.0010.741.9610.74
#FFFFFF10.741.0021.001.00
#0000001.9621.001.0021.00
##FFFFFF10.741.0021.001.00

Color blindness preview

Protanopia (red-blind)
#443C14
Deuteranopia (green-blind)
#463F1A
Tritanopia (blue-blind)
#4E3835
Achromatopsia (no color)
#3E3E3E

Design tokens & code

CSS
--color: #483d18;
/* rgb */ color: rgb(72, 61, 24);
/* oklch */ color: oklch(36.3% 0.056 92.9);
Tailwind
colors: {
  custom: {
    50: '#7d7256',
    500: '#483d18',
    950: '#000000',
  },
}
SCSS
$custom: #483d18;
$custom-light: #7d7256;
$custom-dark: #000000;
JSON
{
  "hex": "#483d18",
  "rgb": {
    "r": 72,
    "g": 61,
    "b": 24
  },
  "hsl": {
    "h": 46.25,
    "s": 50,
    "l": 18.824
  },
  "oklch": {
    "l": 0.36281,
    "c": 0.05593,
    "h": 92.9
  },
  "luminance": 0.04781
}

Semantic roles & 50–950 ramp

primary
#483D18
secondary
#3D4C7F
accent
#6EDA4E
background
#F7F6F5
surface
#EEECE9
border
#C9C7C5
text
#0A0703
muted
#7C7A78

Preview Lab

Preview with #483D18

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

Preview Lab → · Contrast checker → · Palette generator →

#483D18 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva