#888020#888020

#888020 is a mid, moderate yellow. Relative luminance 0.208; OKLCH L 58.9% C 0.113 H 104.5°. Best body text is #000000 at 5.16:1 contrast (WCAG AA passes).

Color values

HEX#888020
RGBrgb(136, 128, 32)
HSLhsl(55, 62%, 33%)
HSVhsv(55, 76%, 53%)
CMYKcmyk(0%, 5.9%, 76.5%, 46.7%)
CIE-LABlab(52.71, -8.30, 49.71)
CIE-LCHlch(52.71, 50.40, 99.48°)
OKLaboklab(58.95% -0.0282 0.1093)
OKLCHoklch(58.95% 0.113 104.5)
XYZxyz(18.1340, 20.7776, 4.4215)
Luminance0.2078 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#888020 #202888
analogous
#884C20 #888020 #5C8820
triadic
#888020 #208880 #802088
tetradic
#888020 #20884C #202888 #88205C
square
#888020 #20884C #202888 #88205C
split-complementary
#888020 #205C88 #4C2088
monochromatic
#252309 #565114 #888020 #BAAF2C #D5CB4D

Accessibility & contrast

On white

4.07
#888020 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.16
#888020 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #888020
5.16:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##888020#FFFFFF#000000##000000
##8880201.004.075.165.16
#FFFFFF4.071.0021.0021.00
#0000005.1621.001.001.00
##0000005.1621.001.001.00

Color blindness preview

Protanopia (red-blind)
#8C7B0D
Deuteranopia (green-blind)
#8F8027
Tritanopia (blue-blind)
#93776E
Achromatopsia (no color)
#7E7E7E

Design tokens & code

CSS
--color: #888020;
/* rgb */ color: rgb(136, 128, 32);
/* oklch */ color: oklch(58.9% 0.113 104.5);
Tailwind
colors: {
  custom: {
    50: '#aea463',
    500: '#888020',
    950: '#000000',
  },
}
SCSS
$custom: #888020;
$custom-light: #aea463;
$custom-dark: #000000;
JSON
{
  "hex": "#888020",
  "rgb": {
    "r": 136,
    "g": 128,
    "b": 32
  },
  "hsl": {
    "h": 55.385,
    "s": 61.905,
    "l": 32.941
  },
  "oklch": {
    "l": 0.58945,
    "c": 0.11284,
    "h": 104.5
  },
  "luminance": 0.20777
}

Semantic roles & 50–950 ramp

primary
#888020
secondary
#4C54B8
accent
#4FE543
background
#FBFAF6
surface
#F6F4EB
border
#D0CEC6
text
#110F06
muted
#807F7A

Preview Lab

Preview with #888020

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

Preview Lab → · Contrast checker → · Palette generator →

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