#808652#808652

#808652 is a mid, moderate yellow. Relative luminance 0.222; OKLCH L 60.2% C 0.073 H 114.0°. Best body text is #000000 at 5.45:1 contrast (WCAG AA passes).

Color values

HEX#808652
RGBrgb(128, 134, 82)
HSLhsl(67, 24%, 42%)
HSVhsv(67, 39%, 53%)
CMYKcmyk(4.5%, 0%, 38.8%, 47.5%)
CIE-LABlab(54.29, -10.88, 27.27)
CIE-LCHlch(54.29, 29.35, 111.75°)
OKLaboklab(60.21% -0.0297 0.0668)
OKLCHoklch(60.21% 0.073 114)
XYZxyz(18.9503, 22.2488, 11.2772)
Luminance0.2225 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#808652 #585286
analogous
#867252 #808652 #668652
triadic
#808652 #528086 #865280
tetradic
#808652 #528672 #585286 #865266
square
#808652 #528672 #585286 #865266
split-complementary
#808652 #526686 #725286
monochromatic
#373A24 #5C603B #808652 #A0A76F #B9BE95

Accessibility & contrast

On white

3.85
#808652 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.45
#808652 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #808652
5.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##808652#FFFFFF#000000##000000
##8086521.003.855.455.45
#FFFFFF3.851.0021.0021.00
#0000005.4521.001.001.00
##0000005.4521.001.001.00

Color blindness preview

Protanopia (red-blind)
#8D814E
Deuteranopia (green-blind)
#8D8254
Tritanopia (blue-blind)
#868079
Achromatopsia (no color)
#828282

Design tokens & code

CSS
--color: #808652;
/* rgb */ color: rgb(128, 134, 82);
/* oklch */ color: oklch(60.2% 0.073 114.0);
Tailwind
colors: {
  custom: {
    50: '#a5a983',
    500: '#808652',
    950: '#000000',
  },
}
SCSS
$custom: #808652;
$custom-light: #a5a983;
$custom-dark: #000000;
JSON
{
  "hex": "#808652",
  "rgb": {
    "r": 128,
    "g": 134,
    "b": 82
  },
  "hsl": {
    "h": 66.923,
    "s": 24.074,
    "l": 42.353
  },
  "oklch": {
    "l": 0.60213,
    "c": 0.07315,
    "h": 114
  },
  "luminance": 0.22249
}

Semantic roles & 50–950 ramp

primary
#808652
secondary
#8D89AB
accent
#67C172
background
#FAFAF8
surface
#F4F4EF
border
#CECECA
text
#0F0F0A
muted
#7F7F7C

Preview Lab

Preview with #808652

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

Preview Lab → · Contrast checker → · Palette generator →

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