#807823#807823

#807823 is a mid, moderate yellow. Relative luminance 0.181; OKLCH L 56.4% C 0.104 H 103.9°. Best body text is #000000 at 4.63:1 contrast (WCAG AA passes).

Color values

HEX#807823
RGBrgb(128, 120, 35)
HSLhsl(55, 57%, 32%)
HSVhsv(55, 73%, 50%)
CMYKcmyk(0%, 6.3%, 72.7%, 49.8%)
CIE-LABlab(49.67, -7.43, 45.36)
CIE-LCHlch(49.67, 45.97, 99.30°)
OKLaboklab(56.36% -0.0249 0.101)
OKLCHoklch(56.36% 0.104 103.9)
XYZxyz(15.9226, 18.1441, 4.2532)
Luminance0.1814 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#807823 #232B80
analogous
#804A23 #807823 #5A8023
triadic
#807823 #238078 #782380
tetradic
#807823 #23804A #232B80 #80235A
square
#807823 #23804A #232B80 #80235A
split-complementary
#807823 #235A80 #4A2380
monochromatic
#201E09 #504B16 #807823 #B0A530 #CFC44F

Accessibility & contrast

On white

4.54
#807823 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.63
#807823 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #807823
4.63:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##807823#FFFFFF#000000##000000
##8078231.004.544.634.63
#FFFFFF4.541.0021.0021.00
#0000004.6321.001.001.00
##0000004.6321.001.001.00

Color blindness preview

Protanopia (red-blind)
#837416
Deuteranopia (green-blind)
#867829
Tritanopia (blue-blind)
#8A6F67
Achromatopsia (no color)
#767676

Design tokens & code

CSS
--color: #807823;
/* rgb */ color: rgb(128, 120, 35);
/* oklch */ color: oklch(56.4% 0.104 103.9);
Tailwind
colors: {
  custom: {
    50: '#a89e64',
    500: '#807823',
    950: '#000000',
  },
}
SCSS
$custom: #807823;
$custom-light: #a89e64;
$custom-dark: #000000;
JSON
{
  "hex": "#807823",
  "rgb": {
    "r": 128,
    "g": 120,
    "b": 35
  },
  "hsl": {
    "h": 54.839,
    "s": 57.055,
    "l": 31.961
  },
  "oklch": {
    "l": 0.56358,
    "c": 0.10399,
    "h": 103.9
  },
  "luminance": 0.18143
}

Semantic roles & 50–950 ramp

primary
#807823
secondary
#4D55B2
accent
#55E047
background
#FAF9F6
surface
#F4F2EB
border
#CECCC6
text
#100E06
muted
#7F7E7A

Preview Lab

Preview with #807823

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

Preview Lab → · Contrast checker → · Palette generator →

#807823 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva