#48530E#48530E

#48530E is a dark, moderate yellow. Relative luminance 0.076; OKLCH L 41.9% C 0.090 H 118.6°. Best body text is #FFFFFF at 8.34:1 contrast (WCAG AA passes).

Color values

HEX#48530E
RGBrgb(72, 83, 14)
HSLhsl(70, 71%, 19%)
HSVhsv(70, 83%, 33%)
CMYKcmyk(13.3%, 0%, 83.1%, 67.5%)
CIE-LABlab(33.13, -14.40, 35.99)
CIE-LCHlch(33.13, 38.76, 111.80°)
OKLaboklab(41.86% -0.0431 0.0791)
OKLCHoklch(41.86% 0.09 118.6)
XYZxyz(5.8451, 7.5960, 1.5736)
Luminance0.0760 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#48530E #190E53
analogous
#533C0E #48530E #26530E
triadic
#48530E #0E4853 #530E48
tetradic
#48530E #0E533C #190E53 #530E26
square
#48530E #0E533C #190E53 #530E26
split-complementary
#48530E #0E2653 #3C0E53
monochromatic
#171A04 #1B1F05 #48530E #758717 #A3BC20

Accessibility & contrast

On white

8.34
#48530E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.52
#48530E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #48530E
8.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##48530E#FFFFFF#000000##FFFFFF
##48530E1.008.342.528.34
#FFFFFF8.341.0021.001.00
#0000002.5221.001.0021.00
##FFFFFF8.341.0021.001.00

Color blindness preview

Protanopia (red-blind)
#594E01
Deuteranopia (green-blind)
#584E14
Tritanopia (blue-blind)
#4D4E46
Achromatopsia (no color)
#4E4E4E

Design tokens & code

CSS
--color: #48530e;
/* rgb */ color: rgb(72, 83, 14);
/* oklch */ color: oklch(41.9% 0.090 118.6);
Tailwind
colors: {
  custom: {
    50: '#7d8353',
    500: '#48530e',
    950: '#000000',
  },
}
SCSS
$custom: #48530e;
$custom-light: #7d8353;
$custom-dark: #000000;
JSON
{
  "hex": "#48530e",
  "rgb": {
    "r": 72,
    "g": 83,
    "b": 14
  },
  "hsl": {
    "h": 69.565,
    "s": 71.134,
    "l": 19.02
  },
  "oklch": {
    "l": 0.41859,
    "c": 0.0901,
    "h": 118.6
  },
  "luminance": 0.07596
}

Semantic roles & 50–950 ramp

primary
#48530E
secondary
#3E2F8D
accent
#3AEE57
background
#F7F8F4
surface
#EEEFE8
border
#C9CAC4
text
#0A0A03
muted
#7C7C78

Preview Lab

Preview with #48530E

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

Preview Lab → · Contrast checker → · Palette generator →

#48530E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva